<td> 内的 <table> 高度 100% 在 IE 中不起作用答案

【问题标题】：<table> height 100% inside a <td> is not working in IE<td> 内的 <table> 高度 100% 在 IE 中不起作用
【发布时间】：2011-10-03 09:05:13
【问题描述】：

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style>
    html,body, #outer, .innerPages {height:100%; padding:0px; width:100%; }
    </style>
    </head>
    <body>
    <table id="outer">
    <tr height="100px"><td>Header</td></tr>
      <tr>
        <td>
          <table class="innerPages">
             <tr>
               <td>Left</td>
               <td>Right</td>
             </tr>
          </table>
        </td>
      </tr>
    <tr height="30px"><td>Footer</td></tr>
    </table>
    </body>
    </html>

【问题讨论】：

标签： html internet-explorer html-table

【解决方案1】：

如果你为 td 添加 100% 的高度，它应该可以在 IE 中使用。

看我的小提琴：http://jsfiddle.net/ZGP3K/2/

正如您在 html 中看到的，我也稍微更改了您的标题。

【讨论】：