本文主要是講解如何在 html 中使用 clearfix 和 clear，針對那些剛開始了解 css 的童鞋。關於 clearfix 和 clear 的樣式在這里我就不寫了，具體樣式點擊此處。 下面就談談對於這兩個 class 的用法，首先我們先看個例子： 我們都知道使用浮動 ...

　　CSS 浮動，一個我們即愛又恨的屬性。愛，因為通過浮動，我們能很方便地布局； 恨，浮動之后遺留下來太多的問題需要解決，特別是IE6-7（以下無特殊說明均指 windows 平台的 IE瀏覽器） ...

【clearfix的作用】 很多網站中都會有一個通用類，其作用是 —— 清除之前的浮動關系，修復在firefox、chrome等標准瀏覽器中子元素全部浮動時，父元素不自動增高的問題。 如下一段來自淘寶的DOM： 【cleafix的CSS定義】 再看這一段clearfix ...

//步驟一：css上定義偽元素： .clearfix:before,.clearfix:after { content: ""; display: block; clear: both; } //步驟二：在父級加入類名"clearfix"即可實現清楚浮動的效果 　　 ...

最近工作中我突然產生了一個想法，就如我們人類面臨的終極問題一般，我從哪里來？我到哪里去？在擼代碼進行CSS布局的時候，我會去想，我為什么這么做？，為什么浮動的元素要用overflow？，為什么要用clearfix？，為什么邊距會重疊？為什么absolute就不需要clearfix ...