清除浮動的方法：
1：clear：both;
2:width:100%;overflow:hidden;
注意：
對受到浮動影響的元素添加清除浮動的css
1：clear：both;
2:width:100%;overflow:hidden;
注意：
對受到浮動影響的元素添加清除浮動的css
2015-08-05
浮動布局（float）：能實現橫向多列布局
float屬性三個值：left、right、none
特點：元素會左移或右移，直至碰觸到容器邊緣為止。
<** 設置了浮動的元素，仍處于標準文檔流中。 **>
<** 當元素沒有設置寬度值，而設置了浮動屬性，元素的寬度隨內容的變化而變化。 **>
<** 當元素設置浮動屬性后，會對相鄰的元素產生影響，相鄰元素特指緊鄰后面的元素。 **>
float屬性三個值：left、right、none
特點：元素會左移或右移，直至碰觸到容器邊緣為止。
<** 設置了浮動的元素，仍處于標準文檔流中。 **>
<** 當元素沒有設置寬度值，而設置了浮動屬性，元素的寬度隨內容的變化而變化。 **>
<** 當元素設置浮動屬性后，會對相鄰的元素產生影響，相鄰元素特指緊鄰后面的元素。 **>
2015-08-05
w3c 萬維網聯盟指定的一系列標準,包括結構化標準語言(html xml
表現標準語言 css
行為標準語言dom ecmascript
倡導結構樣式行為分離
標準文檔流
浮動
絕對定位
3中定位機制
標準文檔流
想流水一樣的文檔
從左到右,從上到下
塊級元素和行級元素
塊級元素:從左到右,獨占一行
觸碰到頁面邊緣是,會自動換行
div ul li dl dt p
行級元素
同一行顯示
不會改變HTML文檔結構
span strong img input...
塊級元素和行級元素都是盒子模型
表現標準語言 css
行為標準語言dom ecmascript
倡導結構樣式行為分離
標準文檔流
浮動
絕對定位
3中定位機制
標準文檔流
想流水一樣的文檔
從左到右,從上到下
塊級元素和行級元素
塊級元素:從左到右,獨占一行
觸碰到頁面邊緣是,會自動換行
div ul li dl dt p
行級元素
同一行顯示
不會改變HTML文檔結構
span strong img input...
塊級元素和行級元素都是盒子模型
2015-08-05
已采納回答 / 六月時光
嗯嗯，意義是不一樣的，背后實際也是不一樣的，只是效果一樣而已。用margin-left來把div的位置移動，是增加了盒子左邊的寬度來移動位置的，并且他還在普通文檔流里面。而left呢要配合position:absolute;來用，這個呢，沒有增加盒子的寬度，是直接把盒子向左移動了那么多，而且因為position的屬性值為absolute，所以他脫離了普通文檔流，后面的東西會補上來，簡單來說，這時他和其他的div是不在同一個平面上的了。你在后面再加一個div，調一下格式，就看得出他們的區別了
2015-08-05
最新回答 / nsixnkx
#wrap{width:970px; margin:0px;auto}#mainbody{position:relative; margin-top:15px;}#left{float:left;width:110px; }#mid{margin-left:123px;width:650px;border:1px solid #999;}#right{position:absolute;top:0px;left:790px;border:1px solid #999;}
2015-08-04
wrap 居中——margin：0 auto；
left左浮動，float：left;
mid設置margin-left:125px;(此值為left寬度加其邊框，再加上mid與left間距所得)
先給父級mainbody設置相對定位——position：relative；
再給子級right設置絕對定位，以及相對于父級mainbody偏移的位置——position：absolute;top:0px;left:794px;(此值為left、mid寬度加其邊框及間距，加上right與mid的間距所得
)
left左浮動，float：left;
mid設置margin-left:125px;(此值為left寬度加其邊框，再加上mid與left間距所得)
先給父級mainbody設置相對定位——position：relative；
再給子級right設置絕對定位，以及相對于父級mainbody偏移的位置——position：absolute;top:0px;left:794px;(此值為left、mid寬度加其邊框及間距，加上right與mid的間距所得
)
2015-08-04