title: How can I make a div take up 100% of the height of a html table cell that doesn't have a fixed TD height?
body: <p>I have a html table and inside a cell i have a div</p>
  
  <pre><code>&lt;td&gt;
        &lt;div class=content&gt;some content&lt;/div&gt;
  &lt;/td&gt;
  &lt;td&gt;
        &lt;div class=content&gt;some content&lt;br/&gt;some content&lt;br/&gt;some content&lt;br/&gt;&lt;/div&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>some of the content in certain cells are multiple lines and the div has a background color so I want the view to be uniform so I want the divs with less content to still be the same height to cover the full td.</p>
  
  <p>I tried doing</p>
  
  <pre><code>.content
  {
      height:100%;
  }
  </code></pre>
  
  <p>but that doesn't seem to change anything.</p>