为什么我的网格板柱和网格 - 板行不起作用？

Question

这是我在图片上的渲染我想念什么？

我已经放置了网格 - 板块柱和网格 - 板行，并将其带入显示：网格；但是它不起作用.....

html:
 <div class="parent" > 
       <div class="box box1">box1</div>
       <div class="box box2">box2</div>
       <div class="box box3">box3</div>  <div class="box box4">box4<div>
       <div class="box box5">box5</div> 
       <div class="box box6">box6</div>
       <div class="box box7">box7</div>  <div class="box box8">box8<div>
       <div class="box box9">box9</div>
   </div>


css:

.parent{
    background-color: rgb(106, 110, 102);
    width: 800px;
    height: 800px;
    display: grid;
    grid-template-columns: 100px 50% 100px;
    grid-template-rows: 200px 200px 200px ;
}

.box{
width: 100px;
height: 100px;
background-color: rgb(190, 190, 6);
border: 2px solid rgb(255, 255, 255);
border-radius: 5px;
}

Answer 1

伸出的两个divs缺少关闭的div标签

＆lt; div class =“ box box4”＆g box4＆lt; div＆gt;