本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 引言 ：让我们一起来学习grid布局吧，因为网格布局（Grid）是最强大的 CSS 布局方案。

没错，这一次又是由一道面试题引发的思考， 面试官：菜单左中右布局，两边定宽，中间自适应，说一下有几种实现方式。今天就来探究一下最强大的布局--Grid的实现方法

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。