左右两栏固定宽度，中间自适应布局的5种方案

通过float，让左右2栏浮动到左边和右边，然后中间div需要放在左右两个div之后。

左中右三个div都需要设置绝对定位： position: absolute ，左侧div设置 left: 0 靠左，右侧div同理设置 right: 0 靠右，中间div设置left和right值为左侧和右侧div的宽度。

首先设置包裹左中右三个div的父容器节点的布局为flex布局即 display: flex ，

左右div设置固定宽度，中间div设置 flex: 1 占满剩余的空间。

首先设置包裹左中右三个div的父容器节点的布局为table布局即 display: table ，且设置总的宽度为100%，左中右都设为table-cell，左右div设置固定宽度，中间div不设置宽度。

首先设置包裹左中右三个div的父容器节点的布局为grid布局即 display: grid ，且设置总的宽度为100%，网格需要设置行和列，行高设置200px，即 grid-template-rows: 200px，同时有3列，左右各200px宽度，中间自适应，即 grid-template-columns: 200px auto 200px。

有两种方法，1、可以单击“开始”选项卡中“单元格”组中的“格式”按钮，在展开的列表中单击“自动调整行高”或“自动调整列宽”选项

2、将鼠标移至要更改的行与相邻行之间，当光标变为十字形，左键双击，就可自动调整

---