<div>是HTML中的一個標簽，用于創(chuàng)建一個區(qū)塊，常用于布局和樣式的控制。但是有時候我們會遇到需要讓<div>元素的高度撐高的情況。
<div>元素會根據(jù)其中的內(nèi)容自動調(diào)整高度，比如當內(nèi)容的高度大于<div>元素的初始高度時，<div>元素的高度會被撐高。但是當內(nèi)容的高度小于<div>元素的初始高度時，<div>元素的高度并不會自動撐高。
那么如何讓<div>元素的高度撐高呢？下面就給出幾個代碼案例來解釋說明。
案例一：使用CSS屬性height
p { margin: 0; padding: 10px; }
pre { margin: 0; padding: 10px; background-color: #f5f5f5; border: 1px solid #ddd; }
<div style="height: 200px; overflow: auto;">

This is a long paragraph. This is a long paragraph. This is a long paragraph.

</div>
在這個案例中，我們通過給<div>元素添加了一個固定高度200px，同時設(shè)置了overflow: auto屬性。這會使<div>元素的高度被撐高，并且當內(nèi)容溢出時，會顯示一個滾動條。這樣就可以實現(xiàn)<div>元素的高度撐高的效果。
案例二：使用偽元素
p { margin: 0; padding: 10px; }
.pre-wrapper { margin: 0; padding: 10px; position: relative; }
.pre-wrapper::before { content: ""; display: table; clear: both; }
pre { margin: 0; padding: 10px; background-color: #f5f5f5; border: 1px solid #ddd; }
<div class="pre-wrapper">

This is a code snippet.

</div>
在這個案例中，我們使用了偽元素::before來實現(xiàn)<div>元素的高度撐高。通過設(shè)置偽元素的display屬性為table，可以將其視為一個table元素，從而撐高<div>元素的高度。
這些是一些關(guān)于如何讓<div>元素的高度撐高的代碼案例。當然還有很多其他的方法，根據(jù)具體的需求選擇合適的方法即可。
參考文獻： - "How to Make a Div Fill the Height of a Page" - CSS-Tricks - "How to Make a Div Element Fill the Height of the Browser Window" - Stack Overflow