CSS 溢出：用浮点隐藏 在 CSS 中，overflow 属性控制如何处理超出元素边界的内容。当应用于像 这样的块级元素时，包含浮动元素，overflow:hidden 对页面的布局有特定的影响。理解浮动行为 浮动元素，例如 ;在提供的示例中，它们从文档的正常流程中移除并彼此相邻放置。这会导致父元素折叠到 0px 的高度，因为它的所有子元素都已被删除。Overflow:hidden 通过在 上设置 Overflow:hidden，一个新的块格式化上下文已建立。这意味着 现在包含它的子级，并且它的高度不再是 0px。结果， 的文本变为：元素被推到 的底部。避免重叠 没有任何清除方法， 会被推到底部。元素将与 重叠。在这种情况下，使用溢出：隐藏有效地“清除”浮动，防止重叠。与其他清除技术的比较 用于清除浮动的其他方法包括： clear：都在浮动元素之后的元素上 position：绝对在清除上element 然而，overflow:hidden 的优点是不会将父元素从正常流程中移除，使其成为解决此问题的便捷高效的解决方案。
