在網頁布局中我們會經常用到浮動，有了它我們可以更容易地實現我們想要的效果，但浮動過後往往會留下一些隱患。這時，我們通常會做一件事清除浮動，但清除浮動也會經常留下隱患，如下**：
雖然foot中使用clear:both清除浮動，但是main的高度無法自適應子元素的高度，導致塌陷（箭頭所指）。
下面介紹閉合浮動，顧名思義，就是使浮動元素閉合，清除浮動帶來的影響。目前較常用的清除浮動的方法為clearfix。具體就是，不用在foot中新增clear:both，插入如下一行css：
#main:after閉合浮動（清除浮動）
什麼是css清除浮動？網路上流行的說法是 在非ie瀏覽器 如firefox 下，當容器的高度 height 為auto，且容器的內容中有浮動 float為left或right 的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢位到 容器外面而影響 甚至破壞 布局的現象。這個現象...
關於清除浮動與閉合浮動
在給html新增樣式的構成中，css是必不可少的的，然而css中有一些功能的實現可以通過不同的方法實現，通過效果檢視好像並沒有什麼不同，那它們之間到底有什麼本質區別呢，又有哪些概念被我們無意的忽略或者無視了呢，突然想總結總結這一類的問題，本篇隨筆算是本人對於 清除浮動 的歸納吧.在布局的時候我們經常...
CSS中常用的清除浮動（閉合浮動）的方法
1.使用空標籤清除浮動。即 這種方法在大部分環境下可以使用，但是在有些情況下會出現相容問題 ie6瀏覽器當中，div即使是空的，也會存在預設行高。解決辦法 設定其高度為0，並設定overflow hidden。它的主要弊端在於在頁面中增加了乙個無意義的元素 2.使用overflow hidden 此...