圣杯布局和双飞翼布局
圣杯布局
三栏布局是中间盒子优先渲染,两边的盒子宽度固定不变,即使页面宽度变小,也不影响我们的浏览。
左右栏固定,中间自适应。
优先渲染中间栏部分。
圣杯布局的实现
实现原理:
一个大的div包裹着三个小的div,分别对div设置class属性,container, center,left,right。
center 设置宽度为100%,left宽度为100px,right设置为150px,分别给不同的背景颜色background-color,这个时候呈现的是三行布局;
给三个小的兄弟div
原创
2020-11-15 11:55:23 ·
124 阅读 ·
0 评论