在HTML中设置表的高度无效

Question

为什么这个桌子的高度不起作用？

<table border=1 bgcolor="green" width=80% height="30%">
    <tr>
        <td rowspan="2" >
            This is 1st row 1st column
        </td>
        <td >
            2
        </td>
    </tr>
</table>

http://jsfiddle.net/zQNS4/

Answer 1

只需将以下内容添加到您的CSS中:

html, body{
    height: 100%;
}

正如其他人所说,a table没有height-attriute,但大多数浏览器无论如何都要追加.你可以在jsfiddle上看到结果.

你需要这样做的原因是,任何高度为%的东西的父元素也必须有一个高度(正如影子巫师所说:"究竟是什么的30%？" - 父母必须有一个高度).