對于前端開發(fā)者來說，CSS等高布局是一種非常常見的技術(shù)。等高布局可以使網(wǎng)頁的不同區(qū)域高度相等，讓頁面看起來更加規(guī)整美觀。

CSS等高布局可以通過多種方法實現(xiàn)，下面介紹兩種常用的方法：

/* 方法一：使用flexbox */
.container {
display: flex;
flex-direction: column;
}
.item {
flex: 1;
}
/* 方法二：使用display: table */
.container {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.item {
display: table-cell;
vertical-align: top;
}

以上兩種方法都非常簡單易懂。方法一使用了flexbox布局，將.container的display屬性設(shè)置為flex，并將子項.item的flex屬性設(shè)置為1，這樣子項的高度會自動擴(kuò)展，實現(xiàn)等高效果。

方法二則將.container的display屬性設(shè)置為table，將.item的display屬性設(shè)置為table-cell，并設(shè)置垂直對齊方式為top，實現(xiàn)等高效果。注意容器的高度和寬度需要設(shè)置為100%。

當(dāng)然，除了以上兩種方法，還有很多其他的方法可以實現(xiàn)CSS等高布局。大家可以根據(jù)自己的喜好和需求選擇合適的方法，實現(xiàn)漂亮的頁面效果。