<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>當且僅當下列情況發生,則稱兩個外邊距相鄰:雙方都是同一個塊格式化上下文中屬于正常排版的塊級框。第一個DIV加了display:inline-block。是不是意味著創建了一個新的BFC?這個BFC包括DIV本身和DIV的內容(比如子元素)?還是說不包括DIV 只包括內容(子元素)?第二個問題:如果包含元素本身?那么下句號怎么解釋?不是自相矛盾嗎。如果不包元素本身,那上面那就自相矛盾啊。clear該屬性表明元素的框的哪一邊不能與先前的浮動框相鄰。'clear'屬性不考慮在元素自身或者在其它塊格式化上下文里面的浮動。當應用于非浮動的塊框時,
一個元素創建的BFC包含元素自身嗎 ?CSS BFC 塊格式化上下文
慕森王
2018-08-02 11:10:42