Css 如何使浮动元素的结果只影响其后续同级而不是其他后续元素？

如何使浮动元素的结果只影响其后续同级而不是其他后续元素

---

我指的是其他（非同级）块级元素，通常在浮动同级创建的列下呈现。

您必须告诉浮动父级的同级元素清除。您可以在父级上使用clearfix或直接将clear应用于父级的直接同级

例如，如果您有这样的结构：

<div class="parent">
    <div>Float</div>
    <div>Float, following sibling</div>
    <div>Float, following sibling</div>
</div>
<div>Outside of .parent</div>
<div>Outside of .parent</div>

通过让第一个浮动元素清除，可以防止浮动影响外部元素：

.parent+div{
明确：两者皆有；
}

您不必告诉这些浮点的后代清除，因为浮点的后代永远不会干扰浮点。这里唯一关心的是以下元素，它们不是浮动的同级元素