将表格的高度设置为其父级div的高度，其高度可变

Question

我在div中有一个表，其中包含一个“position：absolute”，“width：100％”和“height：auto”的图像。 div有一个可变的高度，我需要表格与div的高度相同，所以单元格可以有百分比高度......

如果我找到div或桌子的方式来适应图像的高度（如果它是背景图像），这也会有所帮助。因为当我将宽度设置为100％时，图像不会垂直显示，只显示水平，并按表/ div的大小进行切割。

#footer {
  width: 100%;
}

<div id="footer">
  <img src="All/footer.png" style="position:absolute; width:100%">
  <table>
    <tr>
      <td style="height:30%;"></td>
    </tr>
    <tr>
      <td style="width:10%;"></td>
      <td id="content" style="width:40%; height:30%;">ParagraphParagraphParagraphParagraphParagraph
        <br/>ParagraphParagraphParagraphParagraphParagraph
        <br/>ParagraphParagraphParagraphParagraphParagraph
        <br/>ParagraphParagraphParagraphParagraphParagraph
        <br/>ParagraphParagraphParagraphParagraphParagraph</td>
      <td style="width:50%;"></td>
      <td rowspan="5"></td>
    </tr>
    <tr>
      <td style="height:25%;"></td>
    </tr>
    <tr>
      <td id="slogan" colspan="3" style="height:10%">One Line Text. Slogan</td>
    </tr>
    <tr>
      <td colspan="3" style="height:10%;"></td>
    </tr>
  </table>
</div>