方法一：新增新元素，應用 clear : both;
html：
<css：div
class
="outer"
>
<
div
class
="div1"
>1
div>
<
div
class
="div2"
>2
div>
<
div
class
="div3"
>3
div>
<
div
class
="clear"
>
div>
div>
.clear
【補充】：使用空標籤清除浮動.
2. 方法二：父級div定義 overflow: auto(注意：是父級div也就是這裡的 div.outer)
a.html：
//這裡新增了乙個class 123
b.css：
.over-flow
【補充】：overflow: hidden; 也可以實現。
3. 方法三：最高大上的方法 : after 方法：（注意：作用於浮動元素的父親）
a.html：
//這裡新增了乙個class 123
b.css：
.clearfix:after
CSS之清除浮動
標籤可以是div br hr 在浮動元素後使用乙個空元素如 並在css中賦予.clear屬性即可清理浮動。亦可使用 或來進行清理。優點 簡單，少，瀏覽器相容性好。缺點 需要新增大量無語義的html元素，不夠優雅，後期不容易維護。在浮動元素下加 clear，但是在ie6下，塊元素有最小高度，即當hei...
CSS之清除浮動
一 清除浮動的目的。1 當乙個父元素的高度不寫或為auto時，而且這個父元素內又有浮動的子元素，那麼這時候該父元素的高度將不會自動適應子元素的高度，也可以說高度是0px 有如下 123123 此 父元素高度不設定，而且裡面又有左浮動高度為300px的子元素。實際顯示效果為 可以看到，父div僅僅顯示...
css之清除浮動
清除浮動 在非ie瀏覽器 如firefox 下，當容器的高度為auto，且容器的內容中有浮動 float為left或right 的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢位到容器外面而影響 甚至破壞 布局的現象。這個現象叫浮動溢位，為了防止這個現象的出現而進行的css處...