如果父元素只包含浮動元素，且父元素未設定高度和寬度，那麼它的高度就會塌縮為零，也就是所謂的「高度塌陷」。
如果父級元素包含背景或者邊框，那麼溢位的元素就不像父級元素的一部分了。
解決「高度塌陷」問題的方法：
1.浮動父級元素，父級元素的高度就會擴大，直到完全包含它裡面的浮動元素。如果使用這種方法，一定要在該元素的
下個元素新增clear:both,確保浮動元素落到父級元素的下方。
2.使用overflow:hidden,zoom:1 。overflow:hidden屬性會強制父級元素擴大到包含浮動元素，zoom:1只是觸發ie6
的haslayout模式，不會對其他瀏覽器產生影響。
.clearfix
.clearfix:after
高度塌陷及解決方法
一 什麼是高度塌陷 在文件流中，當父元素沒有設定高度的時候，父元素的高度就取決於子元素的高度，也就是常常說的 由子元素撐開 當子元素設定為浮動，脫離了文件流，這時候就會造成父元素的高度塌陷，因為沒有子元素 撐著它的高度 這樣會導致父元素後面的元素往上移，造成布局混亂。二 解決此問題的方法 1.在後面...
高度塌陷問題以及解決方法
在浮動布局中，父元素的高度預設是被子元素撐開的，當子元素浮動後，其會完全脫離文件流，子元素從文件流中脫離，將會無法撐起父元素的高度，導致父元素的高度丟失，父元素高度丟失以後，其下的元素會自動上移，導致頁面的布局混亂。下面來定義兩個盒子，box1為父元素，box2為子元素 給子元素box2 開啟浮動 ...
頁面布局產生高度塌陷解決方法
給父級元素新增高度 優點 解決簡單 缺點 就不能做到寬高自適應了 在出現高度塌陷的父級元素設定overflow hidden 優點 可以解決高度塌陷並且能做到自適應，好理解 缺點 超出當前父級元素的盒子都會被隱藏掉 在最後乙個盒子新增標籤div，設定解決高度塌陷的樣式 預設樣式 clear both...