在网页设计中，一种非常常见的布局是页眉、边栏、正文和页脚布局。

多年来，有许多方法可以解决此布局问题，但使用 CSS 网格不仅相对简单，而且有多种选择。 网格特别适用于将外部大小调整的控制与固有大小调整的灵活性相结合，这使其成为此类布局的理想选择。这是因为网格是专为二维内容设计的布局方法。也就是说，同时按行和列进行布局。

创建网格布局时，您可以定义一个包含行和列的网格。然后，将项放置在该网格上，或允许浏览器将其自动放置在您创建的单元格中。需要添加网格的内容有很多，但掌握可用内容概览后，您很快就可以制作网格布局了。