如何在td中垂直拉伸div？

Question

我在td里面有一个div。 td有一个高度。我怎样才能垂直伸展div - 没有明确地设置它的高度。

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

我试着设置垂直对齐，但没有“拉伸”值。

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%; 
} 

Answer 2

这个怎么样？

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

好的，它是明确的定义，但它根据父元素延伸。

Answer 3

试试这个：

td div { 
    height:100% 
} 

Answer 4

试试这个：
<div style="min-height:100%">
如果文本需要更多的空间（垂直）