Css 为第2/5行指定了网格行，但未按预期工作，仅填充1行

在下面的示例中，我想将方框4拉伸到第2-3-4行。 我使用了选项“网格行：2/5；”，但它没有按预期工作，只填充了一行：2/3

代码如下：

<style>
    .wrapper {
        display: grid;
        grid-template-columns: 1fr 2fr 2fr 1fr;
        grid-gap: 1em;
        grid-auto-rows: minmax(100px, auto);
    }
    .wrapper > div {
        background-color: #ddd;
        padding: 1em;
        border: black 1px solid
    }

    .box1 {
        grid-column: 1/5;
    }
    .box3 {
        grid-column: 2/4;
        grid-row: 2/3
    }
    .box2 {
        grid-row: 2/6;
    };
    .box4 {
        grid-row: 2/5;
        grid-column: 4/5;
    }
    .box7 {
        grid-row: 4/5;
        grid-column: 2/4;
    }
    .box8 {
        grid-row: 5/6;
        grid-column: 2/5;
    }
</style>

.包装纸{
显示：网格；
网格模板列：1fr 2fr 2fr 1fr；
网格间距：1米；
网格自动行：最小最大值（100px，自动）；
}
.wrapper>div{
背景色：#ddd；
填充：1em；
边框：黑色1px纯色
}
.box1{
网格柱：1/5；
}
.box3{
网格柱：2/4；
网格行：2/3
}
.box2{
网格行：2/6；
};
.box4{
网格行：2/5；
网格柱：4/5；
}
.box7{
网格行：4/5；
网格柱：2/4；
}
.box8{
网格行：5/6；
网格柱：2/5；
}

在这里，我的身体是：

<div class="wrapper">
    <div class='box1'>1</div>
    <div class='box2'>2</div>
    <div class='box3'>3</div>
    <div class='box4'>4</div>
    <div class='box5'>5</div>
    <div class='box6'>6</div>
    <div class='box7'>7</div>
    <div class='box8'>8</div>

</div>

1.
2.
3.
4.
5.
6.
7.
8.

我发现了问题所在：分号“；”之后。box2块导致问题