Q26
★ ★ ★ ★ ★
清除浮动有哪些方式？
⚡ 速记答案（30 秒）
给父元素 overflow:auto/hidden（触发 BFC）；在最后加空元素 clear:both；使用伪元素 .clearfix::after { content:''; display:block; clear:both; }。
📖 详细讲解
标准面试回答（推荐记住）
清除浮动有三种常用方式。第一种是给父元素设置 overflow: auto 或 hidden，触发 BFC 让父元素包裹浮动子元素。第二种是在浮动元素后面加一个空的块级元素，设置 clear: both。第三种是使用伪元素，给父元素加 clearfix 类，然后 .clearfix::after 设置 content 为空、display: block、clear: both。第三种最常用，不需要额外的 HTML 元素。
✅ 面试要点
- •overflow 触发 BFC
- •伪元素方案最常用
- •clearfix 是经典解决方案
💻 代码示例
clearfix 伪元素方案
.clearfix::after {
content: '';
display: block;
clear: both;
}
/* 兼容 IE6/7 */
.clearfix {
*zoom: 1;
}