浮动元素可能会影响“表哥”的元素？

Question

在什么情况下，都没有一个浮动元素推其他元素和/或文字的方式进行？

例如，浮动可以推动一个“表亲”元素（或任何其他文本/元素，需要遍历上的 DOM）？

我的理解是浮动的元素将仅重叠相邻的元件（及其内容），但是然后将推动文本和内嵌/内联块元件出所以没有发生重叠的方式。我曾经有过几次浮动行为让我在过去感到惊讶，所以我想验证我认为我知道的事情。

Answer 1

从 MDN

直接。

块格式上下文对浮点数的定位（请参阅float）和清除（请参见clear）很重要。定位和清除浮动的规则仅适用于同一个块格式上下文中的东西。花车不影响其它块格式化上下文的东西布局，并清除只能在同一个块格式化上下文中清除过去的花车。

• Block formatting context