html基础入门----盒子完全居中

利用定位

方式一（代码）：

position：fixed/absolute;

top:50%;

left:50%;

margin-top:-高度的一半；

margin-left:-宽度的一半；

说明：

• fixed是基于浏览器窗口进行定位的，absolute基于最近的被设置非静态定位的上级元素进行定位的。所以，如果使用absolute，就给他父元素设置非静态定位，一般为设为relative。
• 设置margin-top，margin-left的值为盒子高度，宽度的负的一半。

方式二：

position：fixed/absolute;

top:0;

bottom：0；

left:0;

right：0；

margin：auto；

说明：fixed和absolute的用法与上面一样！！！

采用absolute定位代码截图：