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

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

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

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

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

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

以上就是CSS實現高度平均分配的兩種方法，大家可以根據具體情況來選擇合適的方法來實現。