圣杯布局
圣杯布局：左右两边固定，中间自适应的布局方式，效果图如下：
（1）采用绝对定位方式实现圣杯布局，主要思路是左右两边的盒子采用绝对定位固定宽高，中间的盒子用margin-left和margin-right将盒子固定在中间：
（2）采用flex布局实现圣杯布局，主要思路是左右两边的盒子固定高宽，中间的盒子采用flex:1占剩下的内容区域即可
标签：flex,盒子,布局,固定,圣杯,css From： https://www.cnblogs.com/zhuxiang1633/p/16873205.html