javascript - 表格中的自动最大高度表格

Question

<table id="one">
    <tr>
        <td>

            <table id="two">
                <tr><td>qqq</td> <td>www</td> </tr>
            </table>


        </td> <td>12 <br /> 34 <br />56 </td>
    </tr>
    <tr>
        <td> </td> <td> aaa</td>
    </tr>
<table>

#one td {
    border: solid 1px red;
}

#two {
    background-color: green
}

实例: http://jsfiddle.net/QMQ3R/3/

我想要 - qqq 和 www 的 td 在 table#one tr td 中有auto 最大高度.

我怎样才能做到？ 12、34、56 是用 PHP 生成的。例如可以有 10 个 BR

Answer 1

这很有趣，将 #one td 和 #two 设置为 height: 100% 并且它在 Firefox 中工作，而不是 Chrome。将任意数字(如 1px)设置为 #one td 并且它适用于 Chrome，而不适用于 Firefox。将 #one td 上的高度设置为 0 并且它适用于 Firefox 和 Chrome，而不适用于 IE。虽然那很老套，但我不喜欢它。无论如何，这是(hacky但有效的)示例:

http://jsfiddle.net/QMQ3R/8/

嵌套表格很糟糕，尽量不要使用它们。它们在 HTML5 中无效。另外，不要重复 ID。