应⽤场景
flex布局、float布局应⽤于⼀维布局,⽹格布局应⽤于⼆位布局
⽗元素属性
/* 使⽤ */
display: grid;
grid-template-columns: 10px 10px 10px;
grid-template-rows: 10px 10px 10px;
/* 百分⽐使⽤ */
display: grid;
grid-template-columns: 33.33% 33.33% 33.33%;
grid-template-rows: 33.33% 33.33% 33.33%;
/* repeat()函数简化 */
display: grid;
grid-template-columns: repeat(3, 33.33%);
grid-template-rows: repeat(3, 33.33%);