html - 扩展单元格以匹配行中其他单元格的高度

Question

我有一个表格行，里面有两个单元格，高度不同，因为里面的数据发生了变化，所以我无法设置明确的高度。

这两个单元格包含 div 并且可能由于内部内容而具有不同的高度，我的问题是是否有可能让一个单元格占据 100% 的高度，以便它们两个单元格匹配？

文本形式有点模糊，这里举个例子。

第二个单元格和 div 应与第一个单元格的高度匹配。

不幸的是，我尝试将高度设置为 100%，但没有成功。

td, div {
height:100%;
}

Answer 1

为了使用'height:100%'标签，所有父母也需要设置一个高度值。

例如，请参见此处：

td {
    width:100px;
    vertical-align:top;
}
table, tr, td{
    height: 100%;
}

td div {
    background-color:grey;
    height: 100%;
}

Answer 2

你不能把背景颜色放在TD里吗？

但是如果你想让 div 扩展，你可以这样做

div {
背景颜色：灰色；
显示：内联块；
高度：100%；}