CSS樣式：外邊距重疊及父子外邊距重疊問題

上下外邊距重疊 如圖:css 給紅色和綠色兩個BOX分別設置上外邊距和下外邊距web .box1{ margin-bottom:100px; } .box2{ margin-top:50px; } 結果如圖:瀏覽器 此時發現：兩個box之間的實際距離是100px。 緣由:瀏覽器在渲染相鄰兩個box時，若是垂直方向且相鄰的box直接各設置了上和外邊距，則瀏覽器只會取最大的那個外邊距設置值。而從瀏覽

>>阅读原文<<