扩展内表以适应周围的 <td>答案

【问题标题】：Expand inner table to fit surrounding <td>扩展内表以适应周围的 <td>
【发布时间】：2012-04-17 08:43:00
【问题描述】：

我在<td> 标记中有一个表格。

如果周围的<td>更大，内表应该扩大它的高度。

jsfiddle 示例适用于 FF（黑色边框与绿色边框的高度相同），但不适用于 IE7（黑色边框太小）。

不幸的是，我需要嵌套表（不能使用浮点数）并且需要支持 IE7。

<table>
    <tr>
        <td style="height: 100%; min-height: 100%">
            <table style="border: 2px solid black; height: 100%; min-height: 100%"><tr><td>foo</td></tr></table>
        </td>
        <td style="border: 2px solid green">BIG<br>BIG<br>BIG<br>BIG</td>
    </tr>
</table>

我尝试了一个 jQuery 解决方案，但是改变高度需要 10 秒，因为页面上有很多内表。纯 CSS 解决方案会更好。

更新：边框有颜色来显示我的意思。在我真正的问题中，有一个背景图像（虚线）应该与周围的 td 一样高。

【问题讨论】：

为什么不将黑色边框设置为它的父 'TD'....
我更新了问题：边框仅用于此示例。

标签： css internet-explorer-7

【解决方案1】：

也许也给table 增加高度：

<table style="height: 100%; min-height: 100%">

【讨论】：

不，抱歉，这没有帮助。