栅格布局演示

item1
item2
item3
item4
item5
display
grid
inline-grid
grid-template-areas
none
"header header" "content sidebar" "footer footer"
grid-template-columns
none
1fr 60px
grid-template-rows
none
50px 1fr 50px
【item1】grid-area
auto
header
footer
content
sidebar