请描述 float（浮动）及其工作原理。

Describe floats and how they work.

题目类型: 技术面试题

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

难度: medium

分类: css

标签: float, clearfix, layout

参考答案摘要

答案 float 是一种布局/定位方式：浮动元素仍在文档流中，但会让文本/行内内容绕排；不同于 absolute，会从文档流中移除。 可用 clear: left/right/both 让后续元素“避开”浮动，排在浮动元素下方。 如果父容器只包含浮动子元素，父元素高度可能塌陷；常见解决：清除浮动（clearfix）或让父元素创建 BFC（如 overflow: auto/hidden）。 .cle...

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