在HTML中设置表的高度无效

前端之家收集整理的这篇文章主要介绍了在HTML中设置表的高度无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么这个桌子的高度不起作用?
<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/

解决方法

只需将以下内容添加到您的CSS中:
html,body{
    height: 100%;
}

正如其他人所说的那样,一张桌子没有高度,但大多数浏览器无论如何都要追加.你可以看到the result on jsfiddle.

你需要这样做的原因是任何高度为%的东西的父元素也必须有一个高度(如影子向导所说:“究竟是什么的30%?” – 父母必须有一个高度).

猜你在找的HTML相关文章