Css 如何分离元素'；s距网格的高度'；s项目高度

我在设计页面某个部分的布局（使用网格）时遇到了一个小问题

我有3个元素共享网格的同一行，但没有一个元素定义了它的高度（这意味着它被设置为默认的“自动”），因为我需要所有元素都与其中的内容一样高，并且随着时间的推移，所有这些元素将包含更多的内容，因此高度将需要随之增长

现在的问题是，当其中一个元素的高度增加时，它会增加共享同一行的所有元素的高度，看看这张图片

你看，为了测试它，我在表中填充了大量的记录，我添加了每一行，它的邻居的高度也增加了，我想不出一个方法来修复它

这是我的密码

.container{
宽度：100%；
位置：绝对位置；
利润率：80px 0px；
显示：网格；
z指数：-1；
证明项目：中心；
}
.main标题{
字体大小：30px；
网格柱：2；
网格行：1；
}
.头衔{
位置：相对位置；
左：50%；
转换：翻译（-50%）；
显示：内联块；
字体大小：20px；
边缘底部：10px；
}
#配角{
背景色：rgb（241，241，241）；
宽度：80%；
填充：20px；
网格柱：1；
网格行：2；
栅隙：10px；
}
#编辑角色{
背景色：rgb（241，241，241）；
宽度：80%；
填充：20px；
网格柱：3；
网格行：2；
栅隙：10px；
}
#罗莱达{
宽度：100%；
填充：20px；
网格柱：2；
网格行：2；
}
#addRole输入[type='text']，
#编辑角色输入[type='text']{
宽度：80%；
高度：40px；
保证金：5px 5px 5px 0px；
位置：相对位置；
左：50%；
转换：翻译（-50%）；
文本对齐：居中；
大纲：无；
边框：0.5px实心rgb（167167167）；
}
#addRole输入[type='submit']，
#editRole输入[type='submit']，
#编辑角色输入[type='number']{
宽度：80%；
高度：40px；
保证金：5px 5px 5px 0px；
位置：相对位置；
左：50%；
转换：翻译（-50%）；
文本对齐：居中；
大纲：无；
}
#addRole表格hr，
#编辑角色表单hr{
宽度：30%；
边缘底部：20px；
边缘顶部：20px；
}
.支票{
显示：内联块；
填充：20px；
文本缩进：-20px；
背景色：rgb（252252252252）；
边框：1px实心rgb（238238238238）；
保证金：自动；
}
#检查{
位置：相对位置；
左：50%；
转换：翻译（-50%）；
利润率：10px；
显示器：柔性盒；
文本对齐：居中；
}
#编辑检查{
位置：相对位置；
左：50%；
转换：翻译（-50%）；
利润率：10px；
显示器：柔性盒；
文本对齐：居中；
}
#addRole输入[type='checkbox']，
#编辑角色输入[type='checkbox']{
宽度：20px；
高度：20px；
保证金：0px 0px 0px 20px；
大纲：无；
文本对齐：居中；
}
/*表设计（针对该问题的iLellevant/包括以较少行增加更多高度）*/
桌子{
背景:#f5；
边界塌陷：分离；
长方体阴影：插入0 1px 0#fff；
字体大小：12px；
线高：24px；
文本对齐：居中；
宽度：100%；
保证金：自动；
字体系列：“蒙特塞拉特”，无衬线；
}
th{
背景：线性梯度（#777，#444）；
左边框：1px实心#555；
右边框：1px实心#777；
边框顶部：1px实心#555；
边框底部：1px实心#333；
框阴影：插入0 1px 0#999；
颜色：#fff；
字体大小：粗体；
填充：10px 15px；
位置：相对位置；
文本阴影：0 1px 0#000；
文本对齐：居中；
}
赛后{
背景：线性梯度（rgba（255，255，255，0），rgba（255，255，255，08））；
内容：''；
显示：块；
身高：25%；
左：0；
保证金：1px0；
位置：绝对位置；
最高：25%；
宽度：100%；
}
第一个孩子{
左边框：1px实心#777；
盒影：插入1px 1px 0#999；
}
最后一个孩子{
盒影：插图-1px 1px 0#999；
}
运输署{
右边框：1px实心#fff；
左边框：1px实心#e8e8e8；
边框顶部：1px实心#fff；
边框底部：1px实心#e8e8e8；
填充：10px 15px；
位置：相对位置；
过渡：所有300毫秒；
文本对齐：居中；
}
td：第一个孩子{
盒影：插入1px 0#fff；
}
td：最后一个孩子{
右边框：1px实心#e8e8e8；
盒影：插图-1px0#fff；
}
tr：td型的最后一个{
框阴影：插入0-1px 0#fff；
}
tr：类型的最后一个td：第一个孩子{
盒影：插入1px-1px 0#fff；
}
tr:类型的最后一个td:最后一个孩子{
盒影：插图-1px-1px 0#fff；
}
t车身：悬停td{
颜色：透明；
文本阴影：0 0 3px#aaa；
}
t车身：悬停tr：悬停td{
颜色：#444；
文本阴影：0 1px 0#fff；
}

角色
添加角色
包括权限
检查1
支票2
支票3
编辑角色

检查1
支票2
支票3
身份证件
名称
描述
去除
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；
#
管理
这个角色就是这样做的
&时代；

默认情况下，网格项具有

对齐项