Html 如果IE中的子表减少，则减少父表高度

---

我正在动态隐藏/显示子表中的数据。所以它的高度降低了。但这并没有降低父表的高度。它只出现在IE中，为什么没有使用两个单独的div？通过指定css类和相关javascript会更好

<div style="height:100%">
 <table style="height:100%" id="parenttable">
 <tr>
   <td>
      <table id="childtable" style="height:100%">
      <tr>
        <td>
       </td>
      </tr>
      </table>
    </td>
  </tr>