如何让td内的div伸缩？

Question

我有一个表，如：

<table> 
<tr> 
<td>...</td> 
<td><div class="stretch"></div></td> 
</tr> 
</table> 

我需要得到.stretch以适应td的高度。目前div的高度为0.我错过了什么？

Answer 1

该TD必须有一个设定的大小 然后你设置div的高度：100％; 或继承漂亮的同样的事情 ，你会好起来

Answer 2

.stretch { 
height: 100%; 
} 

Answer 3

这应该工作

<table style="width: 200px; height: 200px"> 
    <tr> 
     <td style="border: thin solid #FF0000; height:200px">    
      <div style="border: thin solid #0000FF; width:100%; height:100%;"> 

      </div> 
     </td> 
    </tr> 
</table>