在web設計中，對於初學者高度塌陷時常見的問題，高度塌陷對於我們這種小白來說實際上就是結構混亂、重疊等
解決方案有兩個：
bfc方案
方式缺陷
設定浮動元素
會導致父元素的寬度丟失，且下方同級元素也會上移
設定元素的絕對定位
暫不確定
設定display：inline-block
對導致父類的寬度丟失，但不會引起後方元素上移
暫時的缺陷最小
注：bfc在ie6以及以下的瀏覽器不能使用，但是他們具有替代此的功能（haslayout），功能與bfc相同
在ie6以及以下的瀏覽器目前最好用的為 zoom : 1 ;
zoom是放大的倍數，使用放大1倍時比例為1：1，所以不會產生影響
在ie6中直接對元素設定乙個寬度，則會預設開啟haslayout
clear方案
簡介：clear可以清楚其他浮動元素對當前元素的影響（clear是針對子類設定的）
小妙招一：在高度塌陷的父元素後，新增乙個空白的div，由於div沒有浮動，所以他可以撐開父元素的高度，然後對其進行清楚浮動，這樣就完成了撐開父元素，基本沒有***，但是會新增多餘的結構
終極方案：採用css中的偽類設定（不會增加多餘的div）
.類名 ：after
/*特別注意 在ie6中這種方式依然不適用，還是需要使用zoom*/
解決高度塌陷問題
在文件流中，父元素的高度預設是被子元素撐開的 當為子元素設定浮動後，子元素會完全脫離文件流 此時會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷 由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，導致頁面布局混亂 所以在開發中需要避免出現高度塌陷的問題 如何開啟元素的bfc 1.設定元...
解決高度塌陷問題
所謂高度塌陷就是在文件流中，父元素的高度預設是被子元素撐開的，也就是子元素多高，父元素就多高。但是當為子元素設定浮動以後，子元素會完全脫離文件流，此時將會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷。由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，這樣將會導致頁面布局混亂。例如 c...
高度塌陷問題
高度塌陷問題 描述1 如果父元素只包含浮動元素，且父元素未設定高度和寬度，那麼它的高度就會塌縮為零，也就是所謂的 高度塌陷 描述2 在文件流中，父元素的高度預設是被子元素撐開的，也就是子元素多高，父元素就多高。但是當子元素設定浮動之後，子元素會完全脫離文件流，此時將會導致子元素無法撐起父元素的高度，...