我具有以下元素：
<body>
<div class="parent">
<div class="grid">
<!--...-->
</div>
</div>
</body>
.parent {
margin: 30px 30px 0 30px;
display: block;
}
.grid {
display: grid;
grid-template-rows: 55% 45%;
grid-template-columns: 20% 48% 30%;
gap: 1%;
}
如您所见，单元格的大小基于父元素的大小（百分比大小），间隙大小也是如此。
问题是，尽管列间隙大小只是我想要的方式，但行间隙却非常薄。我知道这是由于间隙等于父元素高度的1％引起的，但我希望它的大小与列间隙相同。
是否有办法使行间距与列间距相同？
gap：2rem;这将使行和列的大小都等于根元素的字体大小。