一、拋一塊問題磚（display： block）先看現象： 分析HTML代碼結構： ? ...

浮動的清除 -- 四種方法 前言 -- 一個父親不能被自己浮動的兒子，撐出高度。 開胃小菜 來看一個實驗：現在有兩個div，div身上沒有任何屬性。每個div中都有li，這些li都是浮動的。 我們本以為這些li，會分為兩排，但是，第二組中的第1個li，去貼靠第一組中的最后一個 ...

html代碼 CSS代碼 效果圖： 、 下面介紹的圍住浮動元素的方法，最終達成的效果都是： 方法一：為父元素添加 overflow:hidden　　　 //overflow：hidden聲明的真正用途是 //1.防止包含元素被超大內容撐 ...

浮動對頁面的影響： 　　　　如果一個父盒子中有一個子盒子，並且父盒子沒有設置高，子盒子在父盒子中進行了浮動，那么將來父盒子的高度為0.由於父盒子的高度為0， 　　　　下面的元素會自動補位，所以這個時候要進行浮動的清除。 關於清除浮動的方式: 　　方式一:使用overflow屬性來清除 ...

1.1 CSS 布局的三種機制 網頁布局的核心——就是用 CSS 來擺放盒子。 CSS 提供了 3 種機制來設置盒子的擺放位置，分別是普通流（標准流）、浮動和定位，其中： 普通流（標准流） 塊級元素會獨占一行，從上向下順序排列 ...

原文鏈接http://www.jb51.net/css/173023.html 清除浮動是每一個 web前台設計師必須掌握的機能。css清除浮動大全，共8種方法。 浮動會使當前標簽產生向上浮的效果，同時會影響到前后標簽、父級標簽的位置及 width height 屬性。而且同樣的代碼 ...

就是實物與虛物之間的關系，如何清除浮動子元素對父元素的影響，有三種方法。 一．使用空標記清除浮動 以上 ...

使用display：inline-block會出現的情況： 1.使塊元素在一行顯示 2.使內嵌支持寬高 3.換行被解析了 4.不設置的時候寬度由內容撐開 5.在IE6,7下步支持塊標簽 由於inline-block屬性換行的時候被解析（有間隙）故解決方法使用浮動float:left ...