多语言展示
当前在线:1667今日阅读:39今日分享:10

CSS三栏布局-flex

今天用flex来实现三栏布局,两边定宽,中间自适应
工具/原料

sublime或其他

方法/步骤
1

页面结构布局如下图

2

设置腹肌元素的display

3

设置左侧的flex的值,颜色设为蓝色,便于查看

4

设置右侧的flex的值,颜色设为绿色,便于查看

5

设置中间自适应的区域

6

查看页面实现的效果

7

我们修改浏览器窗口的大小,可以发现中间实现了自适应的效果。

推荐信息