三栏布局，中间自适应，左右固定实现方法
方法一：浮动
hello
.left{ 【三栏布局，中间自适应，左右固定实现方法】float:left;
width: 200px;
height: 300px;
background: red;
}
.right{
float: right;
width: 200px;
height: 300px;
background: green;
}
.content{
width: 100%;
height: 300px;
background: blue;
}
方法二：定位 .left{
width: 200px;
height: 300px;
background: red;
position: absolute;
left: 0;
top: 0;
}
.right{
width: 200px;
height: 300px;
background: green；
position: absolute;
right: 0;
top: 0;
}
.content{
width: 100%;
height: 300px;
background: blue;
margin：0 200px；
} .container{ position:relative;
}
方法三：display：box .left{ width: 200px;
height: 300px;
background: red;
}
.right{ width：200px；
height: 300px;
background: green;
}
.content{
box-flex:1
height: 300px;
background: blue;
} .container{ display:box;
} 转载于:https://www.cnblogs.com/yaliu/p/5191897.html
推荐阅读
- 1.56米的蔡依林从刚出道的116斤到现在保持现有的80斤，中间经历的心酸真心让人佩服！
- Android实现主页底部菜单中间tab图案凸起
- 织网布局，社群营销走进山东玖零落地企业
- 瀑布流布局
- 2018-12-03-新手教程重构思路
- Java消息中间件概念基础
- 详解布局Masonry
- 它怎会来到此地这些斜眼的人中间（|它怎会来到此地这些斜眼的人中间？| 格雷夫斯《残币》）
- 20.小程序（布局适配方案（rpx、px、vw、vh））
- LeetCode|LeetCode 876. 链表的中间结点