三栏布局 - 圣杯布局

达成三栏布局的五种方式 float、position、flex、table、grid都有自己的缺陷。

因为盒子默认占一行

附五种三栏布局方式：

float：兼容性好

flex布局：定义两边的盒子大小，设置中间的盒子为弹性盒

表格布局：使用较少