是CSS中用來構建頁面布局的一個重要元素，它可以將頁面分為不同的區域，方便我們對頁面進行布局和設計。但是，在使用
時，我們可能會遇到一種問題，就是div塌陷。
所謂div塌陷，指的是當一個
元素的高度為0時，該元素將不會顯示在頁面上，從而影響整個頁面布局。這種現象通常出現在在
標簽中嵌套另一個元素時，被嵌套的元素的高度是根據其內容自適應的，如果沒有設置高度，則會導致包含該元素的
元素沒有高度，從而出現塌陷。
<div> <p>這是一個段落</p> </div>
在上面的代碼中，<div>元素嵌套了一個<p>元素，如果這個<p>元素的內容比較短，就會導致<div>元素的高度為0，從而出現塌陷。
為了解決div塌陷的問題，我們可以使用CSS的clearfix方法，其原理是在父元素的CSS樣式中添加clear:both屬性，從而清除浮動，保證父元素的高度正確。我們也可以手動設置
元素的高度，這樣就能避免出現塌陷。
.clearfix:after {
content: "";
display: block;
clear: both;
}
<div class="clearfix">
<p>這是一個段落</p>
</div>在上面的代碼中，我們為<div>元素添加了clearfix類，并在其對應的CSS樣式中設置了clear:both屬性，從而清除浮動，避免了div塌陷的問題。
總之，div塌陷是開發過程中常見的問題，我們應該注意合理使用CSS樣式來進行調整，保證頁面布局的正確性。