float:實現元素的浮動；
行框和清理
浮動框旁邊的行框被縮短，從而給浮動框留出空間，行框圍繞浮動框。
要想阻止行框圍繞浮動框，需要對該框應用 clear 屬性。clear 屬性的值可以是 left、right、both 或 none，它表示框的哪些邊不應該挨著浮動框。
為了實現這種效果，在被清理的元素的上外邊距上新增足夠的空間，使元素的頂邊緣垂直下降到浮動框下面：
div>這種情況下，出現了乙個問題。因為浮動元素脫離了文件流，所以包圍和文字的 div 不佔據空間。
不幸的是出現了乙個新的問題，由於沒有現有的元素可以應用清理，所以我們只能新增乙個空元素並且清理它。
解決方案
div>這樣會得到我們希望的效果。不幸的是，下乙個元素會受到這個浮動元素的影響。為了解決這個問題，有些人選擇對布局中的所有東西進行浮動，然後使用適當的有意義的元素（常常是站點的頁尾）對這些浮動進行清理。這有助於減少或消除不必要的標記。
CSS 行內框 行框 行高
css 行內框 行框 行高 內容區頂線和底線包含的區域 行內框每個行內元素會生成乙個行內框，行內框是乙個瀏覽器渲染模型中的乙個概念，無法顯示出來，在沒有其他因素影響的時候 padding等 行內框等於內容區域。設定行高時行內框高度不變，半行距分別增加 減少到行框的上下兩邊。簡單說來，行內框就是行內元...
CSS（11）CSS浮動和清理
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中，所以文件的普通流中的塊框表現得就像浮動框不存在一樣。1 請看下圖，當把框 1 向右浮動時，它脫離文件流並且向右移動，直到它的右邊緣碰到包含框的右邊緣 2 再請看下圖，當框 1 向左浮動時，它脫...
CSS清理浮動
發表於2011年2月1日 由sivan 文章目錄 前言清理浮動的方法 使用帶有clear屬性的空元素 使用css的 after偽元素 使用css的overflow屬性進行怪異處理 給浮動元素的容器新增浮動 使用鄰接元素清理 其他方法 我的解決方案 綜合運用方案 一勞永逸方案 小結 update 20...