应使用BFC或现代布局替代浮动：给文本容器加display: flow-root创建BFC避开浮动；侧边栏场景改用flex/grid；老浏览器可用overflow: hidden触发BFC；避免仅靠margin硬调。
浮动元素导致文本环绕重叠怎么办
直接原因：float 会让元素脱离文档流，后续的文本流会“无视”它占据的空间，自动绕到浮动元素旁边——如果容器窄、文字多或字体大，就容易视觉上“压住”或“穿插”进浮动块里。
关键不是“要不要浮动”，而是“怎么让文本尊重它的边界”。常用做法是控制文本容器的包裹行为，而非只靠 margin 硬推。
clear 属性该加在谁身上
clear 不是加在浮动元素自己身上（它自己已经浮起来了），而是加在**紧随其后、需要避开它的那个文本/块级元素**上。
- 如果是一段
clear: both - 如果浮动的是侧边栏
需要避开，就给加clear: left（或right，取决于浮动方向） -
clear: both最安全，但可能多占空白；clear: left更精准，适合单侧浮动场景
margin 能不能解决问题
可以临时缓解，但本质是“掩耳盗铃”：用 margin 在浮动元素周围留空，让文本看起来没重叠。问题在于：
