html - 如何在 td 中垂直拉伸(stretch) div？

Question

我在 td 中有一个 div。 td 有一个高度。如何在不显式设置高度的情况下垂直拉伸(stretch) div。

<td style='height:200px'>
<div>hello<div>
<td>

我尝试设置垂直对齐，但没有“拉伸(stretch)”值。

Answer 1

示例
http://jsfiddle.net/hnBNk/

HTML

<table>
    <tr>
        <td style='height:200px; border: 1px solid red;'>
            <div style="border: 1px solid blue;">hello</div>
        </td>
    </tr>
</table>

CSS

div { /* This is a sample! Of course a class 'my_div' would make more sense */
    height: 100%;
}