解释一下 CSS 浮动（float）以及它如何工作。

Describe floats and how they work.

题目类型: 技术面试题

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

难度: medium

分类: CSS Layout

标签: float, clear, clearfix, BFC

参考答案摘要

答案 Float 是一种 CSS 定位属性。浮动元素仍然属于文档流的一部分，并会影响其他元素的位置（例如文本会围绕浮动元素），不同于 position:absolute 会脱离文档流。 可以使用 clear 属性让元素位于左/右/两侧浮动元素之下。 当父元素只包含浮动元素时，父元素高度可能塌陷为 0。可通过在浮动元素之后、父容器关闭标签之前清除浮动来修复。 .clearfix hack 通常使用伪...

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