浮動元素可能會影響「表哥」的元素？

Question

在什麼情況下，都沒有一個浮動元素推其他元素和/或文字的方式進行？

例如，浮動可以推動一個「表親」元素（或任何其他文本/元素，需要遍歷上的 DOM）？

我的理解是浮動的元素將僅重疊相鄰的元件（及其內容），但是然後將推動文本和內嵌/內聯塊元件出所以沒有發生重疊的方式。我曾經有過幾次浮動行爲讓我在過去感到驚訝，所以我想驗證我認爲我知道的事情。

Answer 1

從 MDN

直接。

塊格式上下文對浮點數的定位（請參閱float）和清除（請參見clear）很重要。定位和清除浮動的規則僅適用於同一個塊格式上下文中的東西。花車不影響其它塊格式化上下文的東西佈局，並清除只能在同一個塊格式化上下文中清除過去的花車。

• Block formatting context