说到栅格构造，可能有些读者不太清楚。不过说到栅格，脑子里总会有相应的一些画面，好比：

图1  原始栅格图

图1上显示的就是以前酬报了掩护某部份地皮，特意用竹子包抄起该块地皮。我们把这种编织筑起的竹子围栏就称之为篱笆或栅格。不管之前有没有了解过栅格的读者们，相信看了图5.1所示，会对栅格这个词有一个观点，就是用竹、木、铁条等凭据必然规律做成的阻拦物。我们可以随意的编织差别类型的规律，可以做出菱形的、端方的方型的、X型的、圆形等等。

不过，在网页中，我们在众多栅格类型规律中，选择此中最经典的一款进行仿照，如图2所示。

图2  经典款栅格图

之所以称它为栅格中的经典款，，就是因为它只是需要简单的行列垂直程度订交就可以到达即整齐美不雅观又防御的效果。

所以，我们在网页中也可以选择这种通过简单的行列垂直程度订交就可以到达一个页面美不雅观的效果，而且栅格化构造还可以很便利适配div盒子所占宽度的比例，我们一般用grid进行定名。通过栅格构造这种布局，可以便利我们组织内容、易于浏览网站、降低用户端负载。那么此刻我们就可以引入两个观点：行“row”和列“column”。

IT兄弟连 HTML5教程 栅格构造 栅格