¿Cómo hacer un div dentro de un td para estirar?

Question

tengo una tabla como:

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

necesito para obtener el .stretch para adaptarse a la altura de la td. Actualmente, el div tiene una altura de 0. ¿Qué me estoy perdiendo?

Answer 1

el td debe tener un tamaño de conjunto y luego establece la altura del div: 100%; o heredar bastante lo mismo y estará listo para salir

Answer 2

.stretch { 
height: 100%; 
} 

Answer 3

Esto debería funcionar

<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>