Grid布局--实用

合并单元格

1. 通过 area 实现

2. 通过子元素自行确定起始网格线和末尾网格线

或者使用 span 关键字，让其占据两个单元格

.item-1 {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 2;
}

叠加布局

实现多个元素叠加在一起效果，相较于用定位实现，会更方便

栅格布局