CSS樣式表中，設(shè)置容器高度非常重要，尤其是當(dāng)我們需要實(shí)現(xiàn)兩個容器等高的時候。在本文中，我們來介紹一下如何使用CSS來設(shè)置容器高度。
首先，讓我們看一下如何在CSS中設(shè)置高度。我們可以使用height屬性來設(shè)置容器的高度，如下所示：

.container{
height: 300px;
}

以上代碼將容器的高度設(shè)置為300像素。當(dāng)然，你也可以使用百分比值來設(shè)置高度：

.container{
height: 50%;
}

這里設(shè)置容器高度為父元素高度的50%。不過要注意的是，當(dāng)父元素的高度沒有指定時，百分比值將無效。
除了height屬性，我們還可以使用min-height和max-height屬性來設(shè)置容器高度。其中，min-height指定容器最小高度，max-height指定容器最大高度，如下所示：

.container{
min-height: 200px;
max-height: 400px;
}

以上代碼將容器的最小高度設(shè)置為200像素，最大高度設(shè)置為400像素。當(dāng)容器的內(nèi)容超出了最大高度時，將會出現(xiàn)滾動條。
不過，有時候我們需要實(shí)現(xiàn)兩個容器等高。這時候，我們可以使用flex布局來實(shí)現(xiàn)。例如，下面的代碼將兩個容器垂直排列，并且設(shè)置它們的高度相等：

.container{
display: flex;
flex-direction: column;
}
.child{
flex: 1;
}

以上代碼中，我們使用容器的flex容器布局，并將其方向設(shè)置為垂直。child是容器的子元素，我們使用flex:1屬性來讓其自動充滿整個容器，從而實(shí)現(xiàn)兩個容器等高。
總之，CSS中設(shè)置容器高度的方法非常多樣。我們可以使用height、min-height、max-height屬性來設(shè)置容器高度，也可以使用flex布局來實(shí)現(xiàn)等高容器的效果。掌握了這些方法，相信你的前端開發(fā)能力將大大提高！