答：因為當父盒子高度為0時，子盒子不佔位置，子盒子不會撐開父盒子，所以下面的標準流盒子，會跑到父盒子中的子盒子下面。
①在浮動盒子的後面新增乙個空盒子，對該空盒子新增css樣式：clear: both;
②對浮動的盒子父級新增該屬性：overflow: hidden;
③單偽元素標籤法，誰出問題就給誰加乙個clearfix類名。
.clearfix:after
.clearfix
.clearfix:before, .clearfix:after
.clearfix:after
.clearfix
超出父盒子的部分會影響下面盒子中的浮動的子盒子。
浮動的盒子比標準流盒子高，但是能夠遮擋住標準流盒子，遮擋不住裡面的和文字。
1.overflow：hidden; 隱藏盒子超出的部分。
2.display: none;
隱藏盒子，而且不佔位置。
(用的最多
)3.visibility: hidden; 隱藏盒子，而且佔位置。
4.opacity: 0; 隱藏盒子，而且佔位置。
5.position/top/left/...-999px 隱藏盒子，而且佔位置。
為什麼要清除浮動
box box content 解決方法 1 overflow1 方法1 overflow hidden auto 加zoom 1 overflow屬性的hidden auto 對ff ie7 opera起作用,而zoom對ie5.5及以上起作用 子盒子浮動，父盒子不浮動，且父盒子沒有設寬高，那麼 ...
為什麼要清除浮動
父元素的高度是由子元素撐開的，且子元素設定了浮動，父元素沒有設定浮動，子元素脫離了標準的文件流，那麼父元素的高度會將其忽略，如果不清除浮動，父元素會出現高度不夠，那樣如果設定border或者background都得不到正確的解析。清除浮動的方法 1 給浮動元素父級加overflow auto 在ie...
為什麼要清除浮動，什麼時候要清除浮動，如何清除浮動
眾所周知，css中的定位機制分為，文件流，浮動和絕對定位。今天不談絕對定位 如果對元素沒有進行任何定位處理的話，元素應該處於文件流中，當我們對元素進行了浮動 float 時，我們的元素就會脫離文件流，像乙隻小船一樣漂流在文件之上。首先來看一下浮動會帶來哪些result.第一 先看 效果 result...