假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高。。。

Grid 网格布局，将网页划分为一个个网格，可以任意组合不同的网格，对项目进行不同的排列顺序，flex是一维布局，只能针对项目的轴线设置项目放置的相对位置，而grid布局是将容器划分成行和列

【实现三栏布局的7种方法】实现左右两栏固定宽度，中间一栏自适应宽度的方法总结。主要是浮动+边距负值/calc()、圣杯布局、双飞翼布局、定位、弹性布局和网格布局这7种方法。