為什麼要清除浮動

2022-05-08 15:27:09 字數 480 閱讀 2526

.box

.box .content

/*解決方法 1 */

.overflow1

方法1:

overflow: hidden / auto;

加zoom: 1;

overflow屬性的hidden / auto 對ff、ie7、opera起作用,而zoom對ie5.5及以上起作用

子盒子浮動,父盒子不浮動,且父盒子沒有設寬高,那麼

父盒子沒有被撐開,當我們不設父盒子的border時,這個問題不會很明顯。

後面的盒子會跟父盒子重合,所以一定要用清除浮動把父盒子撐開。

清除浮動方法:

1. .overflow1

2. .clearfix

.clearfix:after

為什麼要清除浮動

父元素的高度是由子元素撐開的,且子元素設定了浮動,父元素沒有設定浮動,子元素脫離了標準的文件流,那麼父元素的高度會將其忽略,如果不清除浮動,父元素會出現高度不夠,那樣如果設定border或者background都得不到正確的解析。清除浮動的方法 1 給浮動元素父級加overflow auto 在ie...

為什麼要清除浮動,什麼時候要清除浮動,如何清除浮動

眾所周知,css中的定位機制分為,文件流,浮動和絕對定位。今天不談絕對定位 如果對元素沒有進行任何定位處理的話,元素應該處於文件流中,當我們對元素進行了浮動 float 時,我們的元素就會脫離文件流,像乙隻小船一樣漂流在文件之上。首先來看一下浮動會帶來哪些result.第一 先看 效果 result...

為什麼要清除浮動以及清除浮動的幾種方法

答 因為當父盒子高度為0時,子盒子不佔位置,子盒子不會撐開父盒子,所以下面的標準流盒子,會跑到父盒子中的子盒子下面。在浮動盒子的後面新增乙個空盒子,對該空盒子新增css樣式 clear both 對浮動的盒子父級新增該屬性 overflow hidden 單偽元素標籤法,誰出問題就給誰加乙個clea...