Question

父级div设置position：relative；和子级div设置position:absolute后margin:0 auto;无效了

父级div设置position：relative；和子级div设置position:absolute后margin:0 auto;无效了，不能居中，这是为什么呢？如果不能在绝对定位下要如何让子级div相对父级div自动居中

Answer 1

margin:0 auto;是根据上一级元素来居中的；position:absolute;定位要看是对谁定的位，并不一定是上一级父元素；感觉和这个有点关系，不知道感觉怎么样；
定位居中有几种办法：
1：知道子元素宽：
假设宽为100px时：margin-left:-50px；left:50%；
2：不知道子元素宽：
子元素宽设为100%；在子元素中在加个div再用margin:0 auto;

追问

我把position删了，就可以用margin居中了，但是想不通为什么。。

追答

你可以把设置pasition后margin:0 auto;中auto看做是margin中的auto失效了；margin还是能用的；不能用的就是auto自动设置左右外边距；

追问

为什么auto失效？失效是变成外边距是0吗？

追答

为什么失效具体我也不清楚，全部浏览器都会这样；我猜估计是为了更好的控pasition这个属性；毕竟要居中pasition是能实现的；
没有设置外边距的情况下是默认的外边距,一般都是0；

追问

好的谢谢，还有一个问题，我想设置一个子div大小不论怎么变化都能相对父级div水平垂直都居中，父级div大小固定，要怎么做？

追答

1：子元素DIV宽度固定时：

好处：子元素可以超出父元素宽度
坏处：必须设置宽度
2:子元素DIV宽度不确定时：

好处：不用关子元素宽度
坏处：不能超出父元素宽度

追问

谢谢，我试试