盒子與盒子之間的距離叫margin ，有幾個引數margin-top margin-bottom margin-left margin-right,下面詳細講述可能出現的問題及解決方法
1，平行的盒子之間的margin 盒子疊加
div1盒子 margin-bottom:30px;
div2盒子 margin-top:20px;
解決辦法 使用其中最大乙個
2，父子盒子之間的margin 盒子坍陷
div2盒子 margin-top:20px;
使用overflow:hidden
margin外邊距合併和塌陷問題
1.外邊距合併問題 垂直排列的兩個塊級顯示模式的元素，為上面的元素設定下外邊距，為下面的元素設定上外邊距，外邊距會產生合併，當兩個值相等時則外邊距就是那個值，當兩個值不相等時則外邊距就是值大的那個值。兩個塊級顯示模式的元素設定為浮動後再對第乙個元素設定右浮動，對第二個元素設定左浮動，不會產生合併問題...
CSS中的BFC 與 margin塌陷
一 css中的bfc bfc 直譯為 塊級格式化上下文 他是乙個獨立的渲染區域，只有block level box參與，它規定了內部的block level box如何布局，並且與這個區域外部毫不相干。bfc布局規則 1.內部的box會在垂直方向，乙個接乙個地放置。2.bfc的區域不會與float ...
關於css的margin塌陷現象
由於偶然翻到了以前的筆記，記載的正好是css的margin塌陷現象。於是有了寫在知乎上與大家分享討論的想法。在標準文件流中，豎直方向 記住是豎直方向，左右方向的不會出現塌陷現象 的margin會出現疊加現象，即較大的margin會覆蓋掉較小的margin，豎直方向的兩個盒子中間只有乙個較大的marg...