CSS 溢位：用浮點隱藏 在 CSS 中，overflow 屬性控制如何處理超出元素邊界的內容。當應用於像 這樣的區塊級元素時，包含浮動元素，overflow:hidden 對頁面佈局有特定的影響。 理解浮動行為 浮動元素，例如 ;在提供的範例中，它們從文件的正常流程中移除並彼此相鄰放置。這會導致父元素折疊到 0px 的高度，因為它的所有子元素都已刪除。 Overflow:hidden 透過在 上設定 Overflow:hidden，一個新的區塊格式化上下文已建立。這意味著 現在包含它的子級，並且它的高度不再是 0px。結果， 的文字變成：元素被推到 的底部。 避免重疊 沒有任何清除方法， 會被推到底部。元素將與 重疊。在這種情況下，使用溢出：隱藏有效地「清除」浮動，防止重疊。 與其他清除技術的比較 用於清除浮動的其他方法包括： clear：都在浮動元素之後的元素上 position：絕對在清除上element 然而，overflow:hidden的優點是不會將父元素從正常流程中移除，使其成為解決此問題的便捷高效的解決方案。
