float的影響及清除float


1、浮動的影響:

  如果父元素沒有設置高度,在子塊沒有浮動的情況下,父塊會被撐開,但是內部子塊浮動的話就會造成一下影響:

  1) 背景不能顯示

  2)邊框不能撐開

  3)margin值不能正確顯示

2、清除浮動的方法:

消除對父親的影響:

  1)添加新元素,應用clear:both

 

  2)父級div定義overflow:auto

  3):after;作用於浮動元素的父親

 其中clear:both;指清除所有浮動;content: '.'; display:block;對於FF/chrome/opera/IE8不能缺少,其中content()可以取值也可以為空。visibility:hidden;的作用是允許瀏覽器渲染它,但是不顯示出來,這樣才能實現清除浮動。

  清除對兄弟的影響

  1)在受影響的兄弟內清除浮動

    

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM