CSS中margin: 0 auto；样式没有生效

问题：有两个元素: A, B。两则是嵌套关系，A是B的父节点。A和B都是块元素。当在A上设置：margin: 0 auto的时候，B并没有在页面中居中。

margin: 0 auto 为什么没有生效？

 

解决：margin:0 auto；生效，需要一定的前提条件。

1 两者是块元素，即 display: block;

2 父元素需要有宽度，即 width: x px；

3 在有前两者的前提下，设置 margin: 0 auto；即可实现居中。

 

小结：问题出现的原因是，没有给A元素设置宽度。给A元素加上宽度后，B元素就可以居中了。