<div style="background: red;width: 100px;height:100px;margin-bottom: 10px;display:inline-block"></div>//<div style="background: black;width: 100px;height:100px;margin-top: 20px;"></div>當(dāng)且僅當(dāng)下列情況發(fā)生,則稱兩個(gè)外邊距相鄰:雙方都是同一個(gè)塊格式化上下文中屬于正常排版的塊級框。第一個(gè)DIV加了display:inline-block。是不是意味著創(chuàng)建了一個(gè)新的BFC?這個(gè)BFC包括DIV本身和DIV的內(nèi)容(比如子元素)?還是說不包括DIV 只包括內(nèi)容(子元素)?第二個(gè)問題:如果包含元素本身?那么下句號怎么解釋?不是自相矛盾嗎。如果不包元素本身,那上面那就自相矛盾啊。clear該屬性表明元素的框的哪一邊不能與先前的浮動框相鄰。'clear'屬性不考慮在元素自身或者在其它塊格式化上下文里面的浮動。當(dāng)應(yīng)用于非浮動的塊框時(shí),
一個(gè)元素創(chuàng)建的BFC包含元素自身嗎 ?CSS BFC 塊格式化上下文
慕森王
2018-08-02 11:10:42