div的position:absolute；left:0;right:0;margin:0 auto;为什么可以居中？

Question

Answer 1

left: 0;
right: 0;
top: 0;
bottom: 0;

把元素充满了容器，同时自身指定了宽度，总宽度（固定） = width（固定） + margin-left + margin-right;

margin: auto;

当margin设置为auto的时候，左右边距会平分，元素自然就居中了，垂直居中原理一致。

Answer 2

你这个#ww不是设置position:relative能实现里面div居中？我不信

Answer 3

最关键是这一句吧，他要求了布局居中

margin: 0 auto;

而你的#ww div设置了position: absolute;说明子元素div是绝对定位，所以需要父元素设置为position: relative;

而你吧子元素position: absolute;去掉；再或者给父元素加一个position: relative;，都能实现居中

Answer 4

这个其实是规范是要求的. 关于绝对定位不可替换元素的宽高计算规则, 请参看:

https://segmentfault.com/a/11...