如何阻止display: grid自动拉伸子表格的行

针对主容器passives_div内表格行数不一致导致的行拉伸问题，可通过以下几种CSS方法解决：

• 让表格高度自适应内容，避免被强制拉伸：

.passives_div table {
  height: fit-content;
}

• 若主容器使用Flex布局，设置表格不填充容器高度：

.passives_div {
  display: flex;
}
.passives_div table {
  align-self: flex-start;
}

• 强制表格行高自适应内容，不继承父元素高度：

.passives_div table tr {
  height: auto;
}

• 结合固定表格布局与自适应高度，同时控制列宽和行高：

.passives_div table {
  table-layout: fixed;
  height: fit-content;
}

内容的提问来源于stack exchange，提问作者Zyre