今天用flex来实现三栏布局,两边定宽,中间自适应
工具/原料
sublime或其他
方法/步骤
1
页面结构布局如下图
2
设置腹肌元素的display
3
设置左侧的flex的值,颜色设为蓝色,便于查看
4
设置右侧的flex的值,颜色设为绿色,便于查看
5
设置中间自适应的区域
6
查看页面实现的效果
7
我们修改浏览器窗口的大小,可以发现中间实现了自适应的效果。
sublime或其他
页面结构布局如下图
设置腹肌元素的display
设置左侧的flex的值,颜色设为蓝色,便于查看
设置右侧的flex的值,颜色设为绿色,便于查看
设置中间自适应的区域
查看页面实现的效果
我们修改浏览器窗口的大小,可以发现中间实现了自适应的效果。