div 最低高度是指為 div 元素設置一個最小的高度值，即使 div 內部的內容沒有撐滿整個 div 區域，也不會出現高度塌陷的情況。通過設置最低高度，可以確保 div 元素在布局中具備一定的高度，并且在內容較少時仍能保持一定的高度。
下面通過幾個代碼案例詳細解釋和說明 div 最低高度的應用。
代碼案例一：

<p><style></p>
<p>.container {</p>
<p>    min-height: 200px;</p>
<p>}</p>
<p></style></p>
<p><div class="container"></p>
<p>    <h1>這是一個標題</h1></p>
<p>    <p>這是一段內容</p></p>
<p></div></p>

在上述代碼中，我們為 div.container 設置了最低高度為200px。即使沒有添加其他內容，該 div 元素也會保持至少200px的高度。如果內容超過200px，div 元素會自動擴展高度，以適應內容的變化。這樣可以保持整個布局的結構穩定，更符合設計要求。
代碼案例二：

<p><style></p>
<p>.image-container {</p>
<p>    min-height: 300px;</p>
<p>    background-image: url("image.jpg");</p>
<p>    background-size: cover;</p>
<p>    background-position: center;</p>
<p>    background-repeat: no-repeat;</p>
<p>}</p>
<p></style></p>
<p><div class="image-container"></p>
<p>    <h1>這是一個圖片</h1></p>
<p></div></p>

在上述代碼中，我們為 div.image-container 設置了最低高度為300px，并且為其添加了背景圖片。即使沒有其他內容，該 div 元素也會以最低高度展示背景圖片。這種方式常用于展示圖片或者背景廣告等需要固定高度的情況。
代碼案例三：

<p><style></p>
<p>.sidebar {</p>
<p>    min-height: 50vh;</p>
<p>    width: 25%;</p>
<p>    background-color: #f2f2f2;</p>
<p>    float: left;</p>
<p>}</p>
<p></style></p>
<p><div class="sidebar"></p>
<p>    <h2>側邊欄</h2></p>
<p></div></p>

在上述代碼中，我們為側邊欄 div.sidebar 設置了最低高度為50vh，即視口高度的50%。這樣可以確保側邊欄在不同設備和屏幕尺寸下，始終保持一定的高度。同時，通過設置 float: left，可以將其放在頁面的左側，并且占據整個頁面寬度的25%。這樣便于實現響應式布局。
： 通過設置 div 最低高度，可以確保頁面布局的穩定性和可維護性。不論內容多少，div 元素都會保持至少最低高度，并且可以根據內容的增長自動擴展高度。這在設計和開發中非常有用，特別是在實現響應式布局和固定高度要求的場景中。