為什麼需要清除浮動,清除浮動有哪些方法

2021-09-28 21:47:48 字數 426 閱讀 7791

浮動的屬性雖然方便使用,但是在使用這種屬性時,也存在著一種弊端,那就是當子元素設定了float屬性之後,且父元素的高度和寬度沒有進行設定,而是由子元素支撐起來,則會導致父元素的高度塌陷(原本的height後來被置為0)

方法一:給父元素新增宣告overflow:hidden**;

缺點:當子元素有定位設定,定位到父元素外邊時,不希望溢位父元素部分隱藏時,此方法就不可行了

方法二:在最後乙個浮動元素下方新增空div,並給該元素新增宣告:clear:both;height:0;overflow:hidden;

缺點:在html結構文件中會形成很多冗餘**

萬能清除浮動法父元素選擇符:after

為什麼要清除浮動

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布局中分為內聯元素 display inline 和塊狀元素 display block 塊狀元素缺省會佔據一行,可設定高度寬度以及邊距,而內斂元素不會也不能設定。常見的內斂元素有 a span input select,常見的塊狀元素有 h1 h6,p,div,ul,table。浮動元素是...