本文目錄導讀：

1. 設置元素高度
2. 設置元素***大高度

CSS中的高度與***大高度設置

在CSS中，我們可以通過設置元素的height和max-height屬性來控制元素的高度及其***大限制，以下是如何使用這兩個屬性的詳細指南。

設置元素高度

在CSS中，我們可以使用height屬性來設置HTML元素的高度，這個屬性可以接受各種值，包括像素值、百分比、em等。

div {
  height: 100px;  /* 設置div元素的高度為100像素 */
}

設置元素***大高度

與height屬性相似，max-height屬性允許我們設置元素的***大高度，當元素內容超過所設置的***大高度時，瀏覽器會為該元素顯示滾動條。

div {
  max-height: 500px;  /* 設置div元素的***大高度為500像素 */
}

三、height與max-height的配合使用

在實際的布局中，我們常常將height和max-height屬性配合使用，我們可能希望一個元素在其內容較少時占據(jù)較小的空間，而當其內容增多時，***多擴展到一定的高度，此時就可以使用這兩個屬性：

div {
  height: auto;  /* 元素的實際高度根據(jù)其內容自動調整 */
  max-height: 300px;  /* 元素的***大高度限制為300像素 */
}

這樣，當div中的內容較少時，其高度會根據(jù)內容自動調整；而當內容增多并接近***大高度限制時，瀏覽器會顯示滾動條，防止元素過度擴展。

在CSS中，我們可以使用height屬性設置元素的高度，使用max-height屬性設置元素的***大高度，通過合理地使用這兩個屬性，我們可以更好地控制網(wǎng)頁元素的布局和視覺效果。