最贊回答 / jeanneze
主要是因為第二個子層的高度比第一個子層高，在IE8和現(xiàn)代瀏覽器如FF，safari等中，當?shù)诙€子層沒有設置浮動的時候，會換行顯示，在低版本瀏覽器如IE6,IE7中不存在這個問題，一般出現(xiàn)類似問題，大多數(shù)都是尺寸大于父層導致的，應該是定式思維導致的口誤，設置浮動的元素沒有脫離標準文檔流，設置浮動的元素仍舊占據(jù)頁面空間，這一點就足以說明了，所以同學你的猜想是不對的。脫離標準文檔流的元素，一定是不會占據(jù)標準文檔流里的空間的，緊鄰其后的元素會填滿它所在的位置，并且脫離標準文檔流的元素會對占據(jù)它位置，甚至其他網(wǎng)頁...
2014-06-21
最贊回答 / jeanneze
父元素收到浮動影響的情況，也就是子元素設置了浮動，而父元素沒有設置浮動而導致的父元素高度不能自動擴展，子元素從父元素中溢出時，適合使用width:100%（或固定寬度值）+overflow:hidden的方式來清除浮動，如果是相鄰的元素是段落p受到浮動影響上移,對p設置clear:both更為合適，一般兩種方式都需要設置在受到浮動影響的元素樣式里
2014-06-15
