构建 Web 应用时，首先需要解决的问题之一就是如何布局应用内容。
许多设计师都使用虚构的网格来排列内容，无论是网站还是应用。CSS 团队一直在努力简化布局，并在此过程中开发了 CSS Grid Layout Module，该模块目前已在浏览器中崭露头角。
您可以在 Chrome 中通过实验性标志试用此功能。从 IE 10 开始，它也已在 IE 中实现，并且很快可能会在大多数浏览器中实现。
摘要
- 借助 CSS 网格布局，您可以为布局定义行和列
- 网格可以自适应以充分利用可用空间
- 内容顺序可以独立于网格容器显示顺序
- 布局可以根据媒体查询而变化，从而简化自适应设计
- 内容可以重叠（实现其他方法无法实现的布局）
- 网格布局速度快
以下概览视频详细介绍了 CSS 网格布局的运作方式（此处有幻灯片：
试试看
现在，在 Chrome 中使用 CSS 网格布局变得非常简单。首先，您需要开启实验性标志以启用该功能。
首先，加载 chrome://flags 网址，然后向下滚动到启用实验性 Web 平台功能选项，如下所示：
只需点击启用即可开启该标志，您应该会看到提示您重新启动浏览器的提示，如下所示：
现在，只需点击立即重启按钮重启浏览器，即可试用 CSS 网格布局。
请与我们分享您的想法
CSS 网格布局是一项非常棒的 Web 内容新基元，但一如既往，我们非常期待听取开发者对此的看法。您可以通过多种方式提供反馈：在此处留言、向 W3C CSS 工作组列表发送邮件（主题行中应包含“[css-grid]”字样）、记录 bug，或在博客和推特上发表对此的看法。我们期待看到您使用这项超实用的新功能构建出出色的布局。