圣杯布局

• 左右固定寬度,中間自適應
• div:nth-child(1)

section {display: flex;width: 60%;height: 150px;background-color: pink;margin: 0 auto; }section div:nth-child(1) {width: 100px;height: 150px;background-color: red; }section div:nth-child(2) {flex: 1;background-color: green; }section div:nth-child(3) {width: 100px;height: 150px;background-color: blue; }

總結

以上是生活随笔為你收集整理的css --- 圣杯布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。