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

Question

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

这两个细胞含有div，由于内含物可能会有不同的高度，我的问题是细胞是否可以占据100％的高度，因此它们的细胞都匹配？

文字形式有点模糊，所以这里是example。

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

不幸的是，我已经尝试将高度设置为100％而没有成功。

td, div {
height:100%;
}

Answer 1

为了使用'height：100％'标签，所有父母也需要设置身高值。

例如，请参阅here：

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

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

Answer 2

你不能把背景颜色放在TD ??

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

  

div {
  background-color：gray;
  display：inline-block;
  身高：100％;   }