裡面的兩個的浮動div的。
方法二：為父元素設定overflow屬性，值為auto或hidden;
方法三：為父元素新增以下css規則：
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}方法四：父元素本身設定為float（這會影響它周邊的元素）
原因：float元素是脫離了頁面的正常布局，定義了float以後，它將不再占用原有的位置。
因此，如果上面的第二個div不設定float，第二個div將佔據第乙個div的位置，從而被第乙個div遮蓋住了。
float帶來的問題還有:
1.如果div的設定了寬度，而內容超出它的範圍的話，內容就會溢位，但並不會影響到周圍元素的布局。
2.對於ie6，上面第乙個div距離左邊界會是20px，原因是div1與div2都在同乙個方向設定了float屬性(left)，因此
存在double margin bug.解決方法是對第乙個div設定 display:inline規則。
更詳細的了解：[url]
關於float的一些理解
float是否脫離文件流，乙個父元素不設定overflow的話，子元素float，就不會把父元素撐開，換句話說，他就不會有高度，但是做個demo 父元素overflow hidden 子元素前兩個float，第三個不float，結果是第三個沒有clear浮動的元素，跟float的元素出現在同乙個位置...
關於float的說明
如圖所示，藍色的div和紅色的div處於黑色的div 寬為500px 之中，其中藍色的div設定了做浮動 由圖一 紅色div的margin top為10px，margin left為200px 知 浮動之後藍色div脫離了正常的文件流，而緊接著藍色div的紅色div則公升了上去，這個藍色div浮動層...
float浮動初步理解
三個值 none 預設值。元素不浮動，並會顯示在其在文字 現的位置。left 元素向左浮動 right 元素向右浮動 inherit 規定應該從父元素繼承 float 屬性的值。特性 脫離標準文件流，擺脫塊級元素與行內元素的限制。自動貼靠，超出行寬時，下個同級元素自動找空隙貼靠。與浮動的元素高度相加...