1.在css中，兩個或多個毗鄰的普通流中的塊級盒子（可能是父子元素，也可能是兄弟元素）在垂直方向上的外邊距會發生疊加，這種形成的外邊距稱之為外邊距疊加。
1.大於等於2個元素，且相鄰的兩個或多個元素都需符合下面所需的摺疊條件。
2.垂直方向。
3.元素處於普通流：
（浮動元素，絕對定位，固定定位不會和任何元素發生摺疊，包括其相鄰子元素）
4.塊級元素：
（行內塊級元素不會和任何元素發生摺疊，包括和其相鄰子元素）
5.毗鄰:
（兩元素之間沒有padding,沒有border,沒有其他元素）
盒子的top margin和它第乙個普通流子元素的top margin
盒子的bottom margin和它下乙個普通流兄弟的top margin
盒子的bottom margin和它父元素的bottom margin（當父元素的height為auto時）
盒子的top margin和bottom margin，且沒有建立乙個新的塊級格式上下文，且有被計算為0的min-height，被計算為0或auto的height，且沒有普通流子元素
5.注意，除以上排除的情況外，建立了bfc的元素不會和它的第乙個相鄰的子元素發生外邊距疊加
1.取當中最大的值作為公共的margin
1.目前並沒有特別的地方會直接應用margin的摺疊效應，但是要知道原理，否則在碰到時不能夠理解。
盒模型margin用法
1 margin長在元素之外的。2 margin控制的是 同級元素 之間的位置關係。3 margin不會對盒子本身的寬高造成影響。4 給單一方向新增margin值 margin top,right,bottom,left 5 margin的設定方法 乙個值 四周 兩個值 上下 左右 三個值 上 左右...
CSS框模型中關於外邊距 margin 摺疊的情況
最近做了個專案，居然在乙個小小的css問題上折騰了很久很是 糾結 外邊距摺疊的問題。今天難得清閒，就把這個問題研究了一下，才發現大有學問，所以寫篇博文整理一下，以便更加牢記！外邊距摺疊，指的是 毗鄰的兩個或多個外邊距 margin 在垂直方向會合併成乙個外邊距。觸發條件 毗鄰，沒有被非空內容 pad...
CSS盒子模型中外邊距（margin）摺疊詳解
最近寫專案過程中遇到乙個css盒子模型中外邊距 margin 摺疊的情況，搞得我焦頭爛額，之後再網上查閱了大量的資料，現做乙個整理和總結，方便以後忘記的時候查閱，同時也供廣大參考。如有錯誤或者總結方面不全的地方，歡飲廣大指出。外邊距摺疊的概念 所謂外邊距摺疊就是相鄰的兩個或多個元素 含有子元素的情況...