清除浮动是为修复浮动元素导致的父元素高度塌陷及布局错位问题，常用方法包括clear属性、BFC触发和伪元素技术，确保页面结构稳定。
在使用CSS进行网页布局时，浮动（float）常用于实现文字环绕图片、多列布局等效果。但浮动元素会脱离正常的文档流，导致其父元素无法正确感知高度，从而引发布局问题。因此需要清除浮动。
父元素高度塌陷
当子元素设置为浮动后，父元素可能无法被撑开，表现为高度为0，即使内部有内容。这会导致后续元素位置上移，破坏页面结构。
- 例如一个包含多个浮动子项的，如果不处理，该实际高度可能为0
- 背景、边框、阴影等样式无法正常显示
影响后续元素布局
浮动元素脱离文档流，后面的非浮动元素可能会“挤”到本应留空的位置，造成重叠或错位。
- 比如页脚提前上移，覆盖内容区域
- 布局混乱，尤其在响应式设计中更明显
如何清除浮动
常用方法包括使用clear属性、BFC（块级格式化上下文）、伪元素等。
立即学习“前端免费学习笔记（深入）”；
- 通过添加一个清浮动的元素并设置 clear: both;
- 使用 ::after 伪元素配合 content、display、clear 属性（推荐）
- 触发父元素BFC，如设置 overflow: hidden 或 float: left 等
基本上就这些。清除浮动不是为了“清除”浮动本身，而是修复因浮动带来的布局异常，确保结构稳定和可预测。不复杂但容易忽略。
