先搭建基本模型
<style>
.contaniner{
width: 400px;
height: 400px;
display: -webkit-grid;
display: grid;
grid-template-columns:100px 100px 100px auto;
grid-template-rows:100px 100px 100px auto;
background-color: green;
}
</style>
</head>
<body>
<div class="contaniner">
<div class="ia"></div>
<div class="ib"></div>
<div class="ic"></div>
<div class="id"></div>
<div class="ie"></div>
<div class="if"></div>
<div class="ig"></div>
<div class="ih"></div>
<div class="ii"></div>
<div class="ij"></div>
<div class="ik"></div>
<div class="il"></div>
<div class="im"></div>
<div class="in"></div>
<div class="io"></div>
<div class="ip"></div>
</div>
</body>
注释掉前15个元素
设置column 1–>4 row 1–>4