使用display：inline-block會出現的情況：
1.使塊元素在一行顯示
2.使內嵌支援寬高
3.換行被解析了
4.不設定的時候寬度由內容撐開
5.在ie6,7下步支援塊標籤
由於inline-block屬性換行的時候被解析（有間隙）故解決方法使用浮動float:left/right
使用浮動時出現的情況：
1.使塊元素在一行顯示
2.使內嵌元素支援寬高
3.不設定不寬高的時候寬度由內容撐開
4.換行不被解析（故使用行內元素的時候清除間隙的方法可以使用浮動）
5.元素新增浮動，會脫離文件流，按照指定的乙個方向移動，直到碰到父級的邊界或者另乙個浮動元素停止（文件流是文件中可顯示物件在排列時所占用的位置）
複製** **如下:
div1
div2
span1
span2
下面的**只有box1浮動，則box1，box2重疊一起。兩者都浮動就不會重疊
複製** **如下:
清浮動的方法：
1.給父級也加浮動（這種情況當父級margin:0 auto;時不居中）
複製** **如下:
2.給父級加display:inline-block;(同方法1，不居中。只有ie6,7居中)
複製** **如下:
3.在浮動元素下加
.clear但是在ie6下，塊元素有最小高度，即當height<19px時，預設為19px，解決方法：font-size:0;或overflow:hidden;
複製** **如下:
4.在浮動元素下加
複製** **如下:
5.給浮動元素父級加
:after
複製** **如下:
6.給浮動元素父級加overflow:auto;
複製** **如下:
清除浮動的6中方法
額外標籤法 使用 after 偽元素 給父元素定高 利用overflow hidden 屬性 父元素浮動 父元素處於絕對定位 在開發網頁的時候經常需要用到各種浮動，此時便需要及時的清除浮動，否則將會導致布局出現問題 引出問題 title outer inner footer style head d...
清除浮動的6中方法總結
doctype html html lang en head meta charset utf 8 title 清除浮動 title style 1.直接給父元素新增高度 擴充套件性不好 2.父元素新增overflow hidden ie6 7 底下不支援bfc 3.父元素新增浮動，float le...
CSS清除浮動的4中方法
清除浮動 這個問題，做前端的應該再熟悉不過了，咱是個新人，所以還是記個筆記，做個積累，努力學習向大神靠近。css清除浮動 的方法網上一搜，大概有n多種，用過幾種，說下個人感受。1 結尾處加空div標籤 clear both1 2 3 4 div1 left right clear 這種方法，感覺之前...