html定位拓展

绝对定位盒子居中

加了绝对定位的盒子，不能通过margin:0 auto;水平居中，但是可以通过计算的方式水平和垂直居中。

1、left:50%;让盒子移动到父级元素的水平中心位置。

2、margin-left:-100px;让盒子向左移动自身宽度的一半。

定位的特殊性：

1、行内元素添加绝对或相对定位后，可以直接设置宽度和高度。

2、块级元素添加绝对或相对定位，如果不给宽度或高度，默认大小是内容的大小。

定位的拓展：

绝对定位（固定定位）会完全压住盒子，浮动最初产生的目的就是做文字环绕效果。

1、浮动元素float:left;不同，只会压住下面标准流的盒子，但不会压住标准流盒子里面的文字（图片）。比如文字环绕图片。

2、但是绝对定位（固定定位）会完全压住盒子内容。