圣杯布局与双飞翼布局还有flex布局实现两边固定宽度中间自适应布局
圣杯布局、双飞翼布局 这两个布局的功能都是相同的,都是两侧宽度固定,中间宽度自适应的三栏布局。
他们都有一些相同的特点:
两侧的宽度固定,中间宽度自适应
中间一栏在DOM结构上优先于两个侧栏,为了以便优先渲染中间栏
允许三列任意一列称为最高列
只需要一个额外的div标签包裹
圣杯布局
1、DOM结构
<div class="header"></div>
<div ...
原创
2020-03-16 16:11:23 ·
379 阅读 ·
3 评论