为什么以及如何在 CSS 中清除浮动（clear floats）？

Why and how do you clear floats in CSS?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

分类: css-layout

标签: css, float, clearfix, layout

参考答案摘要

TL;DR 浮动会让后续元素围绕浮动元素排列导致布局异常，因此需要清除浮动来恢复正常文档流。常用方式是 clear 属性或 clearfix 伪元素方案。 在 CSS 中使用浮动可以让元素（通常是图片）浮动在某一侧，使周围内容围绕它流动。但浮动也可能导致后续元素继续环绕浮动项，从而产生不期望的布局问题。因此需要清除浮动以保证布局可控。 常用清除浮动的方法包括： clear 属性 ：在浮动元素之后的...

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。