盒子嵌套盒子，內部盒子margin-top失效而margin-left有效詳解

先看代碼： 執行結果如下圖： 內盒margin-top設爲30px； margin-left設爲30px； 可以看到左外邊距有效而頂外邊距使外盒向下移動了30px； 1.margin-left： 外盒沒有向右移動是受文本流的影響 2.margin-top： 外盒受影響向下移動是因爲外盒沒有內邊距丶邊框，其仍然以瀏覽器爲參考線。給外盒設置邊框border丶內邊距可以解決，也可以設置浮動和(overf

>>阅读原文<<