绝对定位的盒子居中

499 阅读1分钟

加了绝对定位和固定定位的盒子不能通过margin:0 auto;水平居中,但是可以通过以下方法实现水平和垂直居中:
1、left:50%; //让和子的左侧移动到父级元素的水平中心位置
2、margin-left:-100px; //让盒子向左移动自身宽度的一半

定位的拓展
浮动元素不同,只会压住它下面标准流的盒子,但是不会压住下面标准流盒子里面的文字(图片)
但是绝对定位(固定定位)会完全压住盒子
浮动的初衷是实现文字环绕图片的效果。
加了绝对定位的盒子可以直接设置宽度和高度。
如果一个盒子既有left属性又有right属性,则会默认执行left属性。同理,top和bottom同时存在时,会执行top属性。