grid布局（完）
知有
224
grid布局
grid-auto-columns、grid-auto-rows：
它用来设置多出来的项目的高和宽。（就是设置了2*2的单元格，但有5个项目，最后一个就是多出来的项目）
grid-column-start、grid-column-end、grid-row-start、grid-row-end：
来指定项目的具体位置，根据在哪跟网格线。如grid-column-start：1；grid-column-end：5；就是一个项目占了列方向的第一条到第5条网格线。
简写grid-column:1 / 5;
还有一种方式是grid-column-start：span 3；就是项目跨3个区域。
grid-area：
指定项目放那个区域。它还能够作grid-column-start、grid-column-end、grid-row-start、grid-row-end的简写，格式为grid-area：<row-start>/<column-start>/<row-end>/<column-end>;