如何理解浮動？
1、只設置div1為左浮動，為什么div2的內容在原來的位置，而div2的邊框卻不見了
2、只設置div1為左浮動，結果如圖：
慕斯1103883
2019-09-24
5 回答
舉報
0/150
提交
取消
2020-10-04
<div style="clear:both;"></div>
2019-11-25
浮動浮動顧名思義就是浮動在了正常的流上，當內聯(lián)元素遇到浮動元素時就會環(huán)繞著他，所以那個文字就卡在了浮動元素邊界下方
2019-10-05
被覆蓋了
2019-09-24
為什么設置欄目1向右浮動時則直接向右偏移，而欄目2（包括文字）占據(jù)原先欄目1的位置？
因為#div1{float:right} 會使欄目1脫離文檔流并且向右移動;
這時由于浮動框(欄目1)不在文檔的普通流中，所以文檔的普通流中的塊框(欄目2)表現(xiàn)得就像浮動框(欄目1)不存在一樣。
因此欄目2（包括文字）會占據(jù)原先欄目1的位置.
_____________________________________________________________________________________________
為什么#div1{float:left} 時, 欄目2 的文字會環(huán)繞在欄目1下面.這個我也不清楚 = =
希望大佬們可以解惑!
________________________________________________________________________________________________
不好意思我也是小白,理解的不知道對不對.
主要參考了W3的CSS 浮動 章節(jié).
2019-09-24
按你寫的#div1{float:left} 這個時候：
當框 1 向左浮動時，它脫離文檔流并且向左移動，直到它的左邊緣碰到包含框的左邊緣。
因為它不再處于文檔流中，所以它不占據(jù)空間，實際上覆蓋住了框 2，使框 2 從視圖中消失。
再理解一下float的含義：
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
由于浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現(xiàn)得就像浮動框不存在一樣。