FLEX实现两侧边栏固定中间自适应布局
#outer{
display: flex;
width: 100%;
flex-flow: row nowrap;
}
.left,.right{
width:200px;
height:50px;
background: red;
}
.middle{
flex-grow: 1;
//决定如何分配剩余空间
background: yellow;
}
left
middle
right
【FLEX实现两侧边栏固定中间自适应布局】
转载于:https://www.cnblogs.com/pick7/p/5522609.html
推荐阅读
- 太平之莲
- 赠己诗
- 眼光要放高远
- 人生两件宝（好身体，好心情！）
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- MybatisPlus使用queryWrapper如何实现复杂查询
- python学习之|python学习之 实现QQ自动发送消息
- 画解算法（1.|画解算法：1. 两数之和）
- 发小的串门
- 孩子不是实现父母欲望的工具——林哈夫