表中的自动最大高度表

时间:2011-10-19 09:05:18

标签: javascript jquery css html-table

<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 表#one tr td 自动最大高度

我该怎么做?用PHP生成12,34,56。可以有例如10 BR

1 个答案:

答案 0 :(得分: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/

嵌套表SUCK,尽量不要使用它们。它们在HTML5中无效。另外,请勿复制ID。