hello 朋友們，我又來了哦！對的沒錯，今天的話題呢就是高度塌陷。
首先要知道什麼是高度塌陷。高度塌陷其實就是指當父元素沒有給確定的高度（即父元素高度靠子元素撐起來），並且子元素新增了浮動時，內容無法撐起父元素的高度，即父元素發生高度塌陷。
解決辦法：
第一種，開啟元素的bfc，元素將會具有如下的特性：
1.父元素的垂直外邊距不會和子元素重疊
2.開啟bfc的元素不會被浮動元素所覆蓋
3.開啟bfc的元素可以包含浮動的子元素
開啟元素bfc屬性的方式：
一、給父元素新增宣告，清除浮動 overflow：hidden；但這種方式會父元素的寬度丟失，而且使用這種方式也會導致下邊的元素上移，會造成其他的結構問題所以一般不建議採用。
第二種，在浮動的子元素後面新增乙個空的 div，並給該這個 div 元素加樣式：
23 * 由於這個div並沒有浮動，所以他是可以撐開父元素的高度的，.boxwrap .con24 * 然後在對其進行清除浮動，這樣可以通過這個空白的div來撐開父元素的高度，
25 * 基本沒有***
第三種，萬能清除浮動法：
.boxwrap:after
這個方法是目前最好的解決方法，解決問題的同時，也不會帶來新的問題，更不會擾亂父元素的結構與樣式，因此是最推薦使用的一種方法。
ok，到這裡，解決高度塌陷的方法已經介紹完了，如果你還有其他好的方法的話，歡迎一起來交流哦！
如何解決 css高度塌陷問題
今天分享一下我的css筆記，對於一些難點，我都會編輯在筆記docx上，這是我第一天發表的，希望以後我都會繼續分享一些前端的技術難點，供大家一起討論 css高度塌陷問題 提出問題 子元素脫離文件流後，父元素高度會出現塌陷，造成布局混亂 解決問題 根據w3c標準，頁面中元素都有乙個隱含屬性bfc blo...
解決高度塌陷問題
在文件流中，父元素的高度預設是被子元素撐開的 當為子元素設定浮動後，子元素會完全脫離文件流 此時會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷 由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，導致頁面布局混亂 所以在開發中需要避免出現高度塌陷的問題 如何開啟元素的bfc 1.設定元...
解決高度塌陷問題
所謂高度塌陷就是在文件流中，父元素的高度預設是被子元素撐開的，也就是子元素多高，父元素就多高。但是當為子元素設定浮動以後，子元素會完全脫離文件流，此時將會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷。由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，這樣將會導致頁面布局混亂。例如 c...