Comment faire en sorte que <div> remplisse la hauteur de <td> ?

Question

J'ai consulté plusieurs messages sur StackOverflow, mais je n'ai pas trouvé de réponse à cette question plutôt simple.

J'ai une construction HTML comme celle-ci :

<table>
  <tr>
    <td class="thatSetsABackground">
      <div class="thatSetsABackgroundWithAnIcon">
        <dl>
          <dt>yada
          </dt>
          <dd>yada
          </dd>
        </dl>
      <div>
    </td>
    <td class="thatSetsABackground">
      <div class="thatSetsABackgroundWithAnIcon">
        <dl>
          <dt>yada
          </dt>
          <dd>yada
          </dd>
        </dl>
      <div>
    </td>
  </tr>
</table>

Ce dont j'ai besoin, c'est que le div pour remplir la hauteur du td afin de pouvoir positionner l'arrière-plan de la div (l'icône) dans le coin inférieur droit de la page d'accueil. td .

Comment suggérez-vous que je m'y prenne ?

Answer 1

Modifier l'image de fond du <td> lui-même.

Ou appliquez des css à la div :

.thatSetsABackgroundWithAnIcon{
    height:100%;
}