css清除浮動float
1.分析html**
123
.outer.div1.div2.div3（1）背景不能顯示 （2）邊框不能撐開 （3）margin設定值不能正確顯示
2.清除浮動
方法一：新增新元素 應用clear：both
html:
121
3243
56
1
.clear
效果為
方法二：父級div定義overflow:auto
html:
<
div
class
="outer over-flow"
>
//這裡新增了乙個class
<
div
class
="div1"
>1
div>
<
div
class
="div2"
>2
div>
<
div
class
="div3"
>3
div>
div>
css：
css:
.over-flow
原理：使用overflow屬性來清除浮動有一點需要注意，overflow屬性共有三個屬性值：hidden,auto,visible。我們可以使用hiddent和auto值來清除浮動，但切記不能使用visible值，如果使用這個值將無法達到清除浮動效果，其他兩個值都可以.
方法三：after方法 （作用於浮動元素的父親）
先說原理：這種方法清除浮動是現在網上最拉風的一種清除浮動，他就是利用:after和:before來在元素內部插入兩個元素塊，從而達到清除浮動的效果。其實現原理類似於clear:both方法，只是區別在於:clear在html插入乙個div.clear標籤，而outer利用其偽類clear:after在元素內部增加乙個類似於div.clear的效果。下面來看看其具體的使用方法：
.outer /*
==for ie6/7 maxthon2==
*/.outer :after /*
==for ff/chrome/opera/ie8==
*/
其中clear:both;指清除所有浮動；content: '.'; display:block;對於ff/chrome/opera/ie8不能缺少，其中content（）可以取值也可以為空。visibility:hidden;的作用是允許瀏覽器渲染它，但是不顯示出來，這樣才能實現清楚浮動。 CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不能撐開，這樣浮動就產生了...