.clearfix是一種通用類，它的作用是 —— 清除之前的浮動關系，修復在firefox、chrome等標準瀏覽器中子元素全部浮動時，父元素不自動增高的問題。

【cleafix的CSS定義】

看這一段clearfix的css代碼，如下：

對clearfix本身沒有添加任何內容。只是對.clearfix:after做出一些css屬性定義。:after是對某個元素之后的定義。（相關知識：使用CSS偽類:before, :after在網(wǎng)頁插入內容）

.content:"."; —— 內容為空

display:block; —— 塊狀顯示+

height:0;　—— 高度為0

clear:both;　 —— 清除浮動

理解為：引用了clearfix的元素，其后添加一個塊（內容為空，高度為0，并清除之前的浮動關系）。

【關于IE】

低版的IE不會支持:after，但同樣低版本的IE會自動增高，所以不用寫這一段。如果不放心，增加一個zoom:1屬性也可以。（相關知識：網(wǎng)站出現(xiàn)IE瀏覽器不兼容的解決方法匯總）

標簽： isp 代碼

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。