今天無意中碰到了外邊距合并的問題,于是便研究了一下。這里做個筆記。

  所謂外邊距合并,指的是當兩個垂直外邊距相遇時,它們將形成一個外邊距。合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。

  例如,這里有這樣兩個塊元素: 

<div class="box1"></div><div class="box2"></div>

  這里給的樣式是: 

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

.box1{
    width:150px;
    height:150px;
    background:gray;
    }.box2{
    width:150px;
    height:150px;
    background:lightblue;
}

iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  先來看一下效果:

  iOS培訓,Swift培訓,蘋果開發(fā)培訓,移動開發(fā)培訓

  意料之中的,然后給.box1一個向下的外邊距20px,結果為:

  iOS培訓,Swift培訓,蘋
        
        	<div   id=

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網站設計培訓,網站建設培訓學習是年輕人改變自己的最好方式