Html 将元素扩展到表格单元格的整个高度？

我试图创建一个行表，每个行在某个block元素中都有一些内容（为了简单起见，我在本例中使用了DIV），我想将其元素拉伸到TD单元格的整个高度。在本例中，右侧的“测试”文本的包含灰色DIV应填充包含TD单元格的整个高度：

我不想显式地设置任何东西的高度（除了可能设置为百分比）-在子DIV上设置

height:100%

不会更改其高度。有没有办法做到这一点？浏览器显然知道表格单元格的渲染高度，但如果不使用Javscript，它绝对无法调整子元素的大小以填充它，这似乎很荒谬

---

注意：我知道还有其他类似的问题，但它们似乎没有考虑CSS3的新flexbox功能-也许这可以解决这个问题？

您可以将父元素设置为相对定位，将子元素设置为显示块，它应该填充高度。我在尝试获取链接文本以填充整个按钮容器时经常使用这种技术。希望它能转化为您正在尝试做的事情，但由于您没有代码可显示，我将在使用它时为您提供一个真实场景的简要示例：

<div style="position:relative; width: 50px; height: 50px;">
    <a href="" style="display: block; width: 100%; height: 100%;">some link</a>
</div>

Boris Zbarsky自己告诉我，除非明确指定单元格的高度，否则完全不可能做到这一点——让表格单元格的子元素填充单元格的整个高度。如果浏览器制造商愿意的话，他们或许可以实现这一点，但他们不会为此烦恼。

第一个问题是，为什么需要它来填充单元格的高度？看起来你正在尝试这样做，这样你就可以设置块元素的背景，在这种情况下，为什么你不能在单元格上设置它呢？因为我希望它是可以点击的东西，最终。你不能使用表格单元格有什么原因吗？你不能在表格单元格周围包装锚定链接…？这可能是很好的重复，但不幸的是，当你将

位置：相对

应用到TD表格单元格时（在我的示例中），某些浏览器（如Firefox）不喜欢它，它会破坏表格。这可能只是有缺陷的行为。