Question

在有人开始尖叫之前“不要使用表格进行布局”，我无法创建适合我情况的非表布局。

直接设置height: 100%由于显而易见的原因不起作用（也许不是那么明显，但我明白为什么它不起作用）：

<td>
    <div style='height:100%'></div>
</td>

试图使用绝对定位：

<td style='position:relative'>
    <div style='position:absolute; top:0px; bottom:0px;'></div>
</td>

在FF中断，因为它无法识别td上的定位。在IE9中也神秘地打破了。

Answer 1

为了使百分比值适用于身高，必须确定父亲的身高！

这意味着td元素需要定义height：

<table>
    <tr>
        <td style='height:100px'>
           <div style='height:100%'>hi</div>
       </td>
    </tr>
</table>