Grid布局
Grid布局即网格布局,将网页分成一个个的网格,然后通过这些网格进行组合,做出各种各样的布局。首先看看兼容性:

Grid布局 VS Flex布局
Grid
布局与flex
布局只是看起来差不多,其实有着本质的区别。Grid
是二维布局,而flex
是一维布局。flex
布局一次只能处理一个维度上的元素布局,一行或者一列。Grid
布局是将容器划分成了“行”和“列”,产生了一个个的网格,我们可以将网格元素放在与这些行和列相关的位置上,从而达到我们布局的目的。
但是Grid
有个很大的问题就是兼容性不太好,不兼容ie。
DEMO:
Grid布局title>