问题:有两个元素: A, B。两则是嵌套关系,A是B的父节点。A和B都是块元素。当在A上设置:margin: 0 auto的时候,B并没有在页面中居中。
margin: 0 auto 为什么没有生效?
解决:margin:0 auto;生效,需要一定的前提条件。
1 两者是块元素,即 display: block;
2 父元素需要有宽度,即 x px;
3 在有前两者的前提下,设置 margin: 0 auto;即可实现居中。
小结:问题出现的原因是,没有给A元素设置宽度。给A元素加上宽度后,B元素就可以居中了。