CSS是我們前端開發中必備的一項技能，掌握好CSS可以幫助我們更好的進行網頁的設計布局。在網頁設計中，我們通常需要設置一些元素的最小高度，比如設置div元素的最小高度。本文將會介紹如何使用CSS設置div元素的最小高度。

div{
min-height: 200px;
}

上述代碼就是設置一個div元素的最小高度為200px。使用min-height屬性可以讓div元素的高度在達到最小高度200px之前，都會保持200px的高度。而當內容超出200px高度時，div元素的高度就會按照內容高度自適應。

需要說明的是，如果我們的div元素中沒有內容或者內容很少，也會按照設置的最小高度展現。這種情況下我們可以通過使用padding或者設置一個背景色，將div元素填充滿最小高度。

div{
min-height: 200px;
background-color: #f2f2f2;
}

在實際項目中，我們通常會對不同屏幕大小進行適配。此時我們可以使用媒體查詢來設置不同屏幕下的最小高度。下面是一個設置在小屏幕下，div元素最小高度為100px的媒體查詢例子。

@media (max-width: 767px) {
div{
min-height:100px;
}
}

總之，在網頁設計中，設置div元素的最小高度是一個十分常見的需求，上述這些例子給大家提供了一些練手的范例，相信掌握了這些技巧，我們就可以更好地進行網頁設計了。