CSS是一種非常重要的網(wǎng)頁開發(fā)語言，它可以為我們制作精美的網(wǎng)頁提供強(qiáng)有力的支持。在很多情況下，我們需要給不同的元素設(shè)置相同的高度，這時(shí)候就需要用到高度平均分配的技巧。

一般來說，我們可以使用Flexbox布局或者Grid布局來實(shí)現(xiàn)元素高度的平均分配，下面給大家介紹一下這兩種方法的具體實(shí)現(xiàn)。

父容器 {
display: flex;
flex-direction: column; /* 讓子元素垂直排列 */
justify-content: space-between; /* 在子元素之間均分空間 */
height: 100%; /* 確定父容器高度 */
}
子元素 {
flex-grow: 1; /* 讓子元素均分父容器的剩余空間 */
background-color: #EFEFEF;
}

上面的代碼片段是使用Flexbox布局實(shí)現(xiàn)高度均分的例子，通過給父容器設(shè)置justify-content: space-between屬性，可以讓子元素在垂直方向上自動(dòng)均分空間。

父容器 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 讓子元素自適應(yīng)寬度，且最小寬度為200px，平分父容器剩余空間 */
grid-auto-rows: 1fr; /* 讓子元素在垂直方向上自動(dòng)均分空間 */
grid-gap: 20px; /* 子元素之間的間隔 */
height: 100%; /* 確定父容器高度 */
}
子元素 {
background-color: #EFEFEF;
}

上面的代碼片段是使用Grid布局實(shí)現(xiàn)高度均分的例子，通過給父容器設(shè)置grid-template-columns和grid-auto-rows屬性，可以讓子元素在自適應(yīng)寬度的同時(shí)，在垂直方向上自動(dòng)平分父容器的剩余空間。

以上就是CSS實(shí)現(xiàn)高度平均分配的兩種方法，大家可以根據(jù)具體情況來選擇合適的方法來實(shí)現(xiàn)。