绝对定位使用margin:0 auto居中

先上结论:只要对立方位的属性值同时存在时即可

position: absolute;
left: 0;	/*不一定要0,存在即可*/
right: 0;	/*不一定要0,存在即可*/
margin: 0 auto;
width: 		/*该多少就多少*/

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

猜你喜欢

转载自blog.csdn.net/Mr_lizi/article/details/83384468