這段時間學習了html與css基礎，在學習盒子模型的過程中遇到了高度塌陷問題，那麼怎麼解決這個問題呢？
>
>
charset
="utf-8"
>
rel=
"stylesheet"
type
="text/css"
href
="css/style.css"
/>
>
解決高度塌陷問題title
>
head
>
>
class
="box1_clearfix"
>
class
="box2"
>
div>
div>
body
>
html
>
*.box1_clearfix
.box2
.box1_clearfix:after
.box1_clearfix
解決高度塌陷問題
在文件流中，父元素的高度預設是被子元素撐開的 當為子元素設定浮動後，子元素會完全脫離文件流 此時會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷 由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，導致頁面布局混亂 所以在開發中需要避免出現高度塌陷的問題 如何開啟元素的bfc 1.設定元...
解決高度塌陷問題
所謂高度塌陷就是在文件流中，父元素的高度預設是被子元素撐開的，也就是子元素多高，父元素就多高。但是當為子元素設定浮動以後，子元素會完全脫離文件流，此時將會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷。由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，這樣將會導致頁面布局混亂。例如 c...
高度塌陷問題以及解決方法
在浮動布局中，父元素的高度預設是被子元素撐開的，當子元素浮動後，其會完全脫離文件流，子元素從文件流中脫離，將會無法撐起父元素的高度，導致父元素的高度丟失，父元素高度丟失以後，其下的元素會自動上移，導致頁面的布局混亂。下面來定義兩個盒子，box1為父元素，box2為子元素 給子元素box2 開啟浮動 ...