【前端学习 - CSS（11）布局 - 两侧定宽，中间自适应】

1. 布局

1-1 两侧定宽，中间自适应

1. 浮动 左侧设置左浮动，右侧设置右浮动即可，中间会自动地自适应。
2. 绝对定位 左侧设置为绝对定位， left：0px。右侧设置为绝对定位， right：0px。中间设置为绝对定位，left 和 right 都为 300px，即可。中间的宽度会自适应。
3. flexbox布局 将左中右所在的容器设置为 display: flex，设置两侧的宽度后，然后让中间的 flex = 1，即可。
4. 表格布局 设置整个容器的宽度为 100%，设置三个部分均为表格(display:table-cell)，然后左边的单元格为 300px，右边的单元格为 300px，即可。中间的单元格会自适应。
5. 网格布局grid 设置容器为网格布局，宽度为 100%，设置网格为三列，并设置每列的宽度，即可。