一、高度已知（200px），左右宽度固定300px，右边自适应的三栏布局
1、浮动：先写浮动的元素（左右），再写标准文档流元素
2、绝对定位：中间设置left：300px；right：300px；相当于设置了宽度
3、flex布局
4、table布局：父元素设置display：table；子元素设置display:table-cell;
5、网格布局：父元素设置display:grid;grid-template-columns:300px auto 300px;grid-template-rows:200px;
二、高度未知，左右宽度固定300px，右边自适应，且左右高度能够跟着父容器变化的三栏布局
1、flex布局
2、table布局：父元素设置display：table；子元素设置display:table-cell;