clear 不影响外部同级元素，仅使自身避开前一个同级浮动兄弟；所谓“波及”实为浮动导致文档流错位及后续元素自然跟随排布所致。
clear 本身不会影响外部同级元素
这是最常见的误解源头：clear 只作用于自身，且只对「前一个同级浮动兄弟」生效。它不改变浮动元素的位置，也不向父容器或外部传递任何布局信号。所谓“clear 影响了外部同级元素”，实际是浮动元素脱离文档流后，**外部同级元素的定位参照发生了变化**，而 clear 只是让某个元素“认命地避开”这个已存在的错位。
真正起作用的是浮动元素脱离文档流后的空间空缺
假设结构如下：
<div class="float-left"></div> <div class="float-right"></div> <p>我是外部同级段落</p>
此时 <p> 会尝试与浮动元素同行，文字可能被左浮图挤到右侧、又被右浮图切掉——这不是 clear 在起作用，而是标准流默认行为。一旦你在 <p> 上加 clear: both，它只是下移到浮动区域下方，**视觉上“回到正轨”，但外部其他同级元素（比如后面的 <footer>）并未被 clear 改变，它们只是跟着这个 <p> 的新位置继续排布而已**。
为什么看起来像“clear 波及了外部”？
- 浮动容器内部加了
clear: both的元素（比如一个<div style="clear: both">），它下移后，会让后续所有同级块级元素自然跟在它后面，形成“集体下移”的错觉 - 如果该 clear 元素是父容器的最后一个子项，而外部同级元素又恰好依赖这个父容器的底部位置（比如用
margin-top对齐），那么父容器因未触发 BFC 仍高度为 0，外部元素就“悬空”贴在了页面顶部——这时你以为是 clear 搞的鬼，其实是父容器塌陷没处理 - 使用伪元素清除法（
::after { clear: both; }）时，这个伪元素属于浮动容器内部，它撑开了容器自身高度，外部同级元素才得以正常参考其底部。这仍是父容器获得高度的结果，不是 clear 向外辐射
容易被忽略的关键点
你调试时看到“加了 clear，页脚下来了”，大概率是因为那个加了 clear: both 的元素恰好是浮动容器之后的第一个块级兄弟，它下移后，页脚作为它的下一个兄弟，自然也跟着下移——clear 没动页脚，页脚只是老实排队。真正要控制外部同级元素的位置，得看它们自身的 margin、position 或是否处于同一 BFC 中，而不是指望某个内部 clear 去遥控。
