Html 如何使表的最后一行向下填充剩余空间

我试图让表格的最后一行填充页面的剩余空间（垂直）。我提出了一个解决方案，但它只能在chrome和safari上正常工作，而不能在FF上正常工作。 在我的项目中，我使用了一个材料设计表，但我认为它与这个问题无关。 他就是我在chrome上工作的那个人，但在FF上没有。 我很想听到一些关于如何在该浏览器上也实现此功能的建议。 谢谢大家!

html，
身体{
身高：100%；
宽度：100%；
保证金：0；
}
.外部{
显示器：flex；
柔性流动：柱；
高度：100vh；
}
.内螺纹固定{
高度：70像素；
背景颜色：灰色；
}
.内(u)余{
背景色：#DDDDDD；
柔性生长：1；
}
.mytab{
宽度：100%；
身高：100%；
}
运输署，
th{
边框：1px纯蓝色；
}

我有固定的高度
你好
拉拉拉拉

您可以使用合并两列的colspan

html，
身体{
身高：100%；
宽度：100%；
保证金：0；
} 
.外部{
显示器：flex；
柔性流动：柱；
高度：100vh；
}
.内螺纹固定{
高度：70像素；
背景颜色：灰色；
}
.内(u)余{
背景色：#DDDDDD；
柔性生长：1；
}
.mytab{
宽度：100%；
身高：100%；
}
td，th{
边框：1px纯蓝色；
}

表，th，td{
边框：1px纯黑；
}
td-colspan属性
我有固定的高度
月
拉拉阿尔

您是否尝试添加：

  height: calc(100% - 70px);

上课

  inner_remaining

---

有一个临时的解决方案，不是一个完美的，但会工作

将最后一行高度设为100%，并隐藏正文的滚动条（本例中滚动条添加到的容器）：

<tr height="100%">

html，
身体{
身高：100%；
宽度：100%；
保证金：0；
溢出y：隐藏；
}
.外部{
显示器：flex；
柔性流动：柱；
高度：100vh；
}
.内螺纹固定{
高度：70像素；
背景颜色：灰色；
}
.内(u)余{
背景色：#DDDDDD；
柔性生长：1；
}
.mytab{
宽度：100%；
身高：100%；
}
运输署，
th{
边框：1px纯蓝色；
}

我有固定的高度
你好
拉拉拉拉

在这里，用铬合金、FF和Edge进行测试。为了使图元具有100%的高度，其父图元也必须具有类似的高度。一旦这样做了，那么就只需要瞄准最后一行的细胞

html，
身体{
/*父母必须有100%的身高*/
身高：100%；
填充：0；
保证金：0；
}
.桌子{
/*表必须为100%*/
身高：100%；
宽度：100%；
填充：20px；
边界：无；
}
.表td{
背景：#efef；
填充：8px；
}
/*最后一行的目标单元格*/
.表tr：最后一个孩子td{
身高：100%；
}
/*仅供展示*/
* {
框大小：边框框；
}
身体{
背景：#fefefe；
文本对齐：左对齐；
}
.垫片{
高度：400px；
背景：灰色；
颜色：#fff；
显示器：flex；
证明内容：中心；
对齐项目：居中；
文本对齐：居中；
}
.表tr:n个孩子（偶数）td{
背景：#fafafa；
}

表头
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格
间隔符

谢谢您的回答，但我不确定这有什么帮助：（在FF中尝试过吗？我想解决的问题是使最后一行垂直延伸以填充下面的空白。在FF中，发生的是表格均匀增长（所有行，包括页眉），但我只想要最后一行，就像chrome Does一样。您的表是否包含表格数据？您可能需要重新考虑将其用作主要布局机制。正如您所了解的，这并不理想。您尝试过吗？它是否有效？我建议您复制上面的代码片段并尝试，然后我们都会知道。：）我认为这比试着把flexbox锤到桌子上要好得多。很好。是的，在设置表格的尺寸和内容方面有很多工作要做。

body {
  overflow-y: hidden;
}