在CSS中，我們可以使用min-height屬性來給定一個(gè)元素的***小高度，這個(gè)屬性可以確保元素在垂直方向上***少占據(jù)一定的空間，即使其內(nèi)容不足以填充整個(gè)高度。

如果我們想要一個(gè)段落（<p>標(biāo)簽）的***小高度為100像素，我們可以這樣寫：

p {
    min-height: 100px;
}

這樣，無論段落中的內(nèi)容有多少，它***少會(huì)占據(jù)100像素的高度。

響應(yīng)式設(shè)計(jì)中的***小高度

在響應(yīng)式設(shè)計(jì)中，我們可能需要為不同的設(shè)備或視口大小設(shè)置不同的***小高度，這時(shí)，我們可以使用媒體查詢（media queries）來實(shí)現(xiàn)，我們可以為平板設(shè)備設(shè)置一個(gè)較小的***小高度，而為桌面設(shè)備設(shè)置一個(gè)較大的***小高度：

p {
    min-height: 50px; /* 對(duì)于平板設(shè)備 */
}
@media (min-width: 768px) {
    p {
        min-height: 100px; /* 對(duì)于桌面設(shè)備 */
    }
}

圖片的***小高度

對(duì)于圖片（<img>標(biāo)簽），我們也可以設(shè)置***小高度，以確保圖片在垂直方向上***少占據(jù)一定的空間。

img {
    min-height: 200px;
}

其他元素的***小高度

除了段落和圖片，我們還可以為其他HTML元素設(shè)置***小高度，如列表（<ul>和<ol>）、表格（<table>）等，這些元素的***小高度設(shè)置方法與其他元素類似。

使用min-height屬性可以確保HTML元素在垂直方向上***少占據(jù)一定的空間，無論其內(nèi)容有多少，在響應(yīng)式設(shè)計(jì)中，我們還可以使用媒體查詢?yōu)椴煌脑O(shè)備設(shè)置不同的***小高度，我們也可以為其他HTML元素設(shè)置***小高度，如列表、表格等。