html - 在 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%;
}

正如其他人所说，table 没有height 属性，但大多数浏览器都会对此进行解释。你可以看到the result on jsfiddle .

你需要这样做的原因是任何应该有 % 高度的父元素也必须有一个高度(正如 Shadow Wizard 所说:“30% 究竟是什么？” - 父元素必须有一个高度)。