有哪些清除浮动的方法？在什么场景下使用？

What are the various clearing techniques and which is appropriate for what context?

题目类型: 技术面试题

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

难度: medium

分类: Layout

标签: float, clearfix, clear

参考答案摘要

答案 在大型项目中，我会写一个工具类 .clearfix，并在需要时使用。 overflow: hidden 可能会在子元素高度超过父元素时裁剪内容，不太理想。 Question: 如何清除浮动元素一侧的影响？ Answer: 如果你清除元素的一侧，该侧就不会接受浮动元素。把 clear 设为 left 时，元素会被移动到任何左浮动元素的下方。clear 用于阻止元素围绕浮动元素进行环绕。 Que...

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