CSS 是網頁開發中必不可少的一部分，是前端開發的重要技能之一。而在 CSS 的布局方面，也是面試官經常考察的重點之一，下面就來談一下一些常見的 CSS 布局面試題。

1. 如何實現兩欄等高布局？
這是一個常見的需求，比如左側是導航欄，右側是內容列表，兩個欄目高度不一，怎么辦?
解決方法是：將父容器設置為 display: flex; 然后將左右兩個子容器設置為 flex: 1; 通過 flex 布局，兩個子容器的高度會自動變為一致。
.parent {
display: flex;
}
.left, .right {
flex: 1;
}
2. 如何實現圣杯布局？
圣杯布局是一種三欄布局，其中左右兩個欄目寬度固定，中間一欄寬度自適應，可以根據瀏覽器寬度變化而變化。
解決方法是：將父容器設置為 display: flex; 然后將左右兩個子容器設置為寬度固定，中間一欄設置為 flex: 1; 通過 flex 布局，中間一欄會自適應寬度，左右兩個欄目會自動填充空白寬度。
.parent {
display: flex;
}
.left, .right {
width: 200px;
}
.center {
flex: 1;
}
3. 如何實現瀑布流布局？
瀑布流布局是一種不規則的多欄布局，常用于圖片、新聞等展示性的頁面。每個元素的寬度不一，高度不一，會根據容器寬度自動排列成多列。
解決方法是：使用 CSS3 新特性 column 布局或通過 JavaScript 計算每個元素的位置。其中 column 布局的方式較為簡單，只需將父容器設置為 column-count: n; (n 為需要設置的列數) 即可。
.parent {
column-count: 3;
}

以上就是一些常見的 CSS 布局面試題解答，當然還有很多其他的布局方式，需要根據實際需求進行調整。在面試時答題要注意簡潔清晰，以及需要注意對實際問題的理解，不要只停留在形式上的答題。