生活随笔
收集整理的這篇文章主要介紹了
元素坍塌
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
所謂父元素高度坍塌
是指:當父元素沒有設置高度而子元素設置高度,在子元素沒有設置浮動的情況下,此時父元素因為包含子元素,也具有了高度,而當子元素設置浮動后,因為脫離了文檔標準流,父元素不具有高度了(這應該就是元素崩塌)。
塌陷具有零高度的意思應該是:沒有height值,子元素又是浮起來的,那么后面再來個div2的話就會占用div1的位置,當然div1浮動的子元素會飄在div2上面,這樣會對布局有影響,且父元素div1的樣式無法顯示。消除這種影響,有以上三種方法,1,設置個height為0的div,這樣等于阻止了div2去占用div1的位置。2,為div設置一個class="clearfix"的類,然后統一對.clearfix進行樣式設置,這樣做的好處是,你需要時就為它添加一個class="clearfix"。3.好理解,沒高度給他個高度就撐起來了不是?
總結
以上是生活随笔為你收集整理的元素坍塌的全部內容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。