CSS是一種非常強大的前端開發(fā)語言，可以用來實現(xiàn)各種各樣的效果，其中一個經(jīng)常會遇到的問題就是設(shè)置不同高度的框的高度相等。這時候可以使用下面的CSS代碼來實現(xiàn)：

.equal-height {
display: flex;
}
.equal-height >div {
flex: 1;
display: flex;
flex-direction: column;
}
.equal-height >div >div {
flex: 1;
}

上述代碼使用了flex布局，首先將父元素設(shè)置為display: flex，然后將子元素的flex屬性設(shè)置為1，即它們的寬度平分父元素寬度。接著將子元素也設(shè)置為flex布局，并將其flex-direction屬性設(shè)置為column，即使它們的子元素按照垂直方向排列。最后將子元素的子元素的flex屬性也設(shè)置為1，這樣它們的高度就會根據(jù)子元素的高度平分。

使用上述代碼可以非常方便地實現(xiàn)不同高度的框的高度相等，從而讓頁面更加美觀。