先上结论:只要对立方位的属性值同时存在时即可
position: absolute;
left: 0; /*不一定要0,存在即可*/
right: 0; /*不一定要0,存在即可*/
margin: 0 auto;
width: /*该多少就多少*/
格式化宽度:格式化宽度仅出现在“绝对定位模型中”,也就是出现在position
属性值为absolute
或fixed
的元素中。对于非替换元素,当left/right
或top/bottom
对立方位的属性值同时存在时,元素的宽度表现为“格式化宽度”,其宽度大小相对于最近的具有定位特性的祖先元素计算。“格式化宽度”具有完全的流动性,也就是margin
、border
、padding
、content
内容区域同样会自动分配水平和垂直空间。
上面的内容源自张鑫旭大神的《CSS世界》(强烈推荐的一本书),刚好今天敲代码的时候有一个绝对定位居中的需求,回忆起来自己曾经在这本书看过相关内容,就顺便记录一下。