本文目錄導(dǎo)讀：

1. 設(shè)置***小高度
2. 設(shè)置***大高度
3. 設(shè)置固定高度

CSS窗口高度設(shè)置方法

在CSS中，我們可以使用height屬性來(lái)設(shè)置窗口的高度，height屬性可以定義元素的***小高度、***大高度或固定高度。

設(shè)置***小高度

我們可以使用min-height屬性來(lái)設(shè)置窗口的***小高度，如果我們想要窗口的***小高度為200px，我們可以這樣寫(xiě)：

.window {
  min-height: 200px;
}

設(shè)置***大高度

我們也可以設(shè)置窗口的***大高度，使用max-height屬性，如果我們想要窗口的***大高度為500px，我們可以這樣寫(xiě)：

.window {
  max-height: 500px;
}

設(shè)置固定高度

如果我們想要窗口有一個(gè)固定的高度，我們可以直接使用height屬性來(lái)設(shè)置，如果我們想要窗口的高度為300px，我們可以這樣寫(xiě)：

.window {
  height: 300px;
}

需要注意的是，如果窗口中的內(nèi)容超出了我們?cè)O(shè)置的***大高度，那么窗口會(huì)出現(xiàn)滾動(dòng)條，同樣，如果窗口中的內(nèi)容沒(méi)有達(dá)到我們?cè)O(shè)置的***小高度，那么窗口的高度會(huì)自動(dòng)調(diào)整。