使用百分比和表格高度以 px 为单位时 CSS TR 高度不起作用答案

【问题标题】：CSS TR height not working when using percentage and table height is in px使用百分比和表格高度以 px 为单位时 CSS TR 高度不起作用
【发布时间】：2022-02-03 11:08:54
【问题描述】：

我已将我的<table> width 设置为像素，我希望有两个<tr> 的表格，他们有两个<td>。

我的 CSS 是：

table {
width:100%;
height:300px;
}

.ruutu {
width:50%;
height:50%;
}

.ruutu img {
width:100%;
height:100%;
}

<td> width 应该始终是<tr> 的width 的50%。而它的height 应该是<tr> 的height 的50%。

但只有width 有效，height 无效。

jsfiddle：http://jsfiddle.net/Ugv3G/7/

【问题讨论】：

这些百分比是指 TABLE 的百分比，而不是 TABLE ROW。 TR 达到其最大 TD 的高度。

标签： css html-table

【解决方案1】：

表格单元格和高度的坏主意。

在 td 中添加一个 div 并给它一个高度。内部 img 现在会知道高度

http://jsfiddle.net/HerrSerker/Ugv3G/13/（第一行第一个单元格）

【讨论】：