CSS 圣杯布局的多种实现方式,以及各种方法的优缺点总结。
关于圣杯布局的提问?
实现下图布局,Header 和 Footer 固定高度 100px,Left 和 Right 固定宽度 200px,Middle 部分的宽度自适应。
圣杯布局的实现?
1. flex
[代码实现]
重点在与 main 中设置 display 为 flex,left 、right 定宽设置为 200px,middle 设置 flex: 1 即可
<header>Header</header>
<main>
<div cla
原创
2021-03-27 15:35:07 ·
430 阅读 ·
0 评论