Question

有人能告诉我如何在Mozilla浏览器中将表格设为100％高度吗？

这是html代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="177"  height ="100%">
    <tr>
        <td height="100%">&nbsp;</td>
    </tr>
</table>

</body>

</html>

Answer 1

也许这可以给你一个提示？

<head>
    <style type="text/css">
    html, body{
        margin:0;
        padding:0;
        height:100%;
        border:none;
    }
    table {
        height: 100%;
        background: red;
    }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>Hello</td>
        </tr>
    </table>
</body>

Answer 2

听起来你正在把你的页面放在一张桌子里，你真的不应该这样做。最好是正确标记页面，而不是将所有内容都放在表格中。

Answer 3

如上面的答案所示，您使用CSS来执行此操作。

将html，body height设置为100％，以便内容可以使用其父级高度：

html, body { height: 100%; }

然后将表格高度设置为100％：

table { height: 100%; }

这应该会产生预期的效果。

Answer 4

你不能：10.5 Content height: the 'height' property

如何在Mozilla浏览器中使表格高度达到100％？

4 个答案: