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元素就可以居中了。