两边固定宽度中间自适应（）
直接上代码
第一种：浮动
.left-right-center > div {
height: 100px;
}
.layout .left {
float: left;
width: 300px;
background: red;
}.layout .right {
float: right;
width: 300px;
background: blue;
}.layout .center {
background: #000000;
}复制代码【两边固定宽度中间自适应（）】
"layout">
"left-right-center">
"left">
"right">
"center">复制代码第二种：绝对定位
.layout .left-center-right > div {
position: absolute;
height: 100px;
}.layout .left {
left: 0;
width: 300px;
background: red;
}.layout .center {
left: 300px;
right: 300px;
background: #000000;
}.layout .right {
right: 0;
width: 300px;
background: blue;
}复制代码"layout">
"left-center-right">
"left">
"center">
"right">复制代码第三种：flex布局
.left-center-right > div {
height: 100px;
}.left-center-right {
display: flex;
}.layout .left {
width: 300px;
background: red;
}.layout .center {
flex: 1;
background: #000000;
}.layout .right {
width: 300px;
background: blue;
}复制代码"layout">
"left-center-right">
"left">
"center">
"right">复制代码第四种：表格布局
.left-center-right {
width: 100%;
display: table;
}.left-center-right > div {
display: table-cell;
height: 100px;
}.layout .left {
width: 300px;
background: red;
}.layout .center {
background: #000000;
}.layout .right {
width: 300px;
background: blue;
}复制代码"layout">
"left-center-right">
"left">
"center">
"right">复制代码第五种：网格布局
.left-center-right > div {
height: 100px;
}.left-center-right {
display: grid;
width: 100%;
grid-auto-rows: 100px;
grid-template-columns: 300px auto 300px;
}.layout .left {
background: red;
}.layout .center {
background: #000000;
}.layout .right {
background: blue;
}复制代码"layout">
"left-center-right">
"left">
"center">
"right">复制代码1.每个方案的优缺点，
浮动：清除浮动脱离文档流，兼容性好。
定位：快捷，脱离文档流子元素也脱离文档流。 flex：比较完美，移动端用的比较多。
表格：兼容性好。 网格：新出技术。
转载于:https://juejin.im/post/5bd2ac82e51d452700138db4
推荐阅读
- 记录iOS生成分享图片的一些问题，根据UIView生成固定尺寸的分享图片
- 夕阳西下，断肠人在天涯
- 高效能慢生活18天
- js生成固定时间间隔的时间值-每秒递增-分钟递增-分小时递增
- eyoucms|eyoucms arclist循环中，判断如果是第一个li，则添加固定的css，否则不加
- el-table表格拖动列记住列宽度功能（刷新页面还在）
- Android开发经验之获取画在画布上的字符串长度|Android开发经验之获取画在画布上的字符串长度 宽度（所占像素宽度）
- Excel2013表格将日期格式转为固定的XXXX年XX月XX日形式
- Android|Android 在代码中控制View的填充方式和宽度 高度
- LINUX(CENTOS6.8固定ip方法)附录win方法