只需将以下内容添加到您的css：

html, body{
    height: 100%;
}

正如其他人所说，表没有高度-attriute，但大多数浏览器无论如何都会这样做。你可以在jsfiddle上看到结果。

你需要这样做的原因是任何应该有%高度的父元素也必须有一个高度（正如影子向导所说：“到底是什么的30%？”-父元素必须有一个高度）。

table标记不包含高度属性。尝试使用CSS样式设置表格的高度。

table{
   height: 30%;
}

<div style="height: 200px; overflow-y: scroll;">
    <table border=1 bgcolor="green">
        <tr>
            <td rowspan="2" >
                This is 1st row 1st column
            </td>
            <td>
                 2
            </td>
        </tr>
   </table>
</div>