在進行CSS面試時，布局是必不可少的一個考察點，因為好的布局能夠帶給用戶更好的用戶體驗。下面介紹一些常見的布局問題。

1.如何實現左右布局？

通?？梢圆捎靡韵聨追N方式實現：

.container{
display: flex;
justify-content: space-between;
align-items: center;
}
.left{
flex: 1;
padding-right: 10px;
}
.right{
flex: 1;
padding-left: 10px;
}

2.如何實現水平居中？

可以采用以下幾種方式：

.container{
position: relative;
}
.content{
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

3.如何實現垂直居中？

可以采用以下幾種方式：

.container{
display: flex;
align-items: center;
}
.box{
height: 100px;
}
.content{
margin: auto;
}

4.如何實現三列布局，兩邊固定寬度，中間自適應？

可以采用以下幾種方式：

.container{
display: flex;
justify-content: space-between;
width: 100%;
}
.left-box{
width: 200px;
}
.right-box{
width: 200px;
}
.center-box{
flex: 1;
}

以上就是CSS面試常見的布局問題，掌握好這些布局方式，能夠更好地應對面試考題。