div 内的表，但仍高于父 div答案

【问题标题】：Table inside div, but still higher than parent divdiv 内的表，但仍高于父 div
【发布时间】：2017-01-01 06:47:36
【问题描述】：

为什么 height="100%" 属性在下面的 sn-p 中不起作用？

<table height="100%" width="100%">

编辑：代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<div style="width:250px;height:90px;">

<table id="experiences-mirror" width="100%" border="1" cellpadding="0" height="100%">
    <caption>Table Name</caption>
    <tbody><tr><th>Company</th><th>Job Title</th><th>Industry</th><th>Job Function</th><th>Start Date</th><th>End Date</th></tr>
    <tr title="hint">
        <td><input name="company1" class="w100" type="text"></td><td><input name="jobTitle1" class="w100" value="" type="text"></td><td><input name="industry1" class="w100" value="" type="text"></td><td><input name="jobFunction1" class="w100" type="text"></td><td><input name="startDate1" class="w100" type="text"></td><td><input name="endDate1" class="w100" type="text"></td>
    </tr>
    <tr title="hint">
        <td><input name="company2" class="w100" type="text"></td><td><input name="jobTitle2" class="w100" type="text"></td><td><input name="industry2" class="w100" type="text"></td><td><input name="jobFunction2" class="w100" type="text"></td><td><input name="startDate2" class="w100" type="text"></td><td><input name="endDate2" class="w100" type="text"></td>
    </tr>
    <tr title="hint">
        <td><input name="company3" class="w100" type="text"></td><td><input name="jobTitle3" class="w100" type="text"></td><td><input name="industry3" class="w100" type="text"></td><td><input name="jobFunction3" class="w100" type="text"></td><td><input name="startDate3" class="w100" type="text"></td><td><input name="endDate3" class="w100" type="text"></td>
    </tr>
    <tr title="hint">
        <td><input name="company4" class="w100" type="text"></td><td><input name="jobTitle4" class="w100" type="text"></td><td><input name="industry4" class="w100" type="text"></td><td><input name="jobFunction4" class="w100" type="text"></td><td><input name="startDate4" class="w100" type="text"></td><td><input name="endDate4" class="w100" type="text"></td>
    </tr>
</tbody></table>

</div>

【问题讨论】：

google.com/search?q=html+table+height+100%25
你能贴出代码吗？
可以通过将许多放入表中来重现它，每一行都有一个
能否添加更全面的代码示例？从已发布的少量内容很难分辨。
我试图重现这一点，但我不能。您能否发布您拥有的实际代码，最好包括 DOCTYPE，以便我们知道浏览器处于哪种渲染模式。

【解决方案1】：

问题是您的表格的计算高度已经大于 90 像素。我把它提高到 290 像素，你的代码就可以工作了。

然而，设置高度的首选方法是通过 CSS，例如：

#experiences-mirror {
 width: 100%;
 height: 100%;
}

【讨论】：

我无法调整高度，如何让表格自行调整大小以适应容器？
它已经可以工作了（在 FF 和 IE 中测试过）。
的高度为 90px，而的计算高度超过了该高度。如果您将
上的 90px 更改为 290px，您会看到它工作正常。

但是我不能把90px改成290px，大小也不能改。我需要表格自动调整大小。

它会自动调整大小。你想让它自动变小还是什么？

是的，在这种情况下，如果表格已经比父容器大，表格应该会自动变小。