无法定义 HTML table 高度

Question

我正在做一个学校项目，我们必须用 html 4.01 设计一个网站，并且根本不能使用 CSS。我的问题是，如何将 table 扩展到整个 window 高度？我已经尝试使用 percantage 值的 height 属性，但它没有用。我找不到任何好的解决方案来解决我的问题，因为它们都使用内联 CSS 或样式标签。这是我的代码：

<!DOCTYPE HTML>
<html lang="en-GB">
    <head>
        <title>Horse Audio</title>
    </head>
    <body>
        <table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#f8f8f8">
            <tbody><tr bgcolor="#d1bc8a">
                <td width="4%">
                    <center><img src="images/Logo.png" alt="Logo" width="45" height="45" align="middle"></center>
                </td>
                <td>
                    <font color="#3d5385" size="56px" face="DejaVu Serif Bold"><b>HORSE AUDIO</b></font>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="10%">
                    <center>Contact</center>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="10%">
                    <center>Product</center>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="10%">
                    <center>FAQ</center>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="25%">
                    <center>Search</center>
                </td>
            </tr>
            <tr>
                <td colspan="5">
                    <center>Test</center>
                </td>
            </tr>
            <tr>
                <td colspan="5" bgcolor="#322c1d">
                    Test
                </td>
            </tr>
            </tbody></table>
    </body>
</html>

Answer 1

您也应该将 <body> 和 <html> 的高度设置为 100%。然后你可以设置元素的高度为100%。

body, html {
  height: 100%;
}

table {
  height: 100%;
}

Answer 2

如果您将版本指定为 HTML5 并尝试设置 height="..."，它将不起作用。由于在 HTML5 中没有 table 的高度属性，它将被忽略。没有 CSS，你能做的最好的是：

尝试删除：<!DOCTYPE html>

然后添加：height="100%" 到 <table>。

<html lang="en-GB">
    <head>
        <title>Horse Audio</title>
    </head>
    <body>
        <table height="100%" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#f8f8f8">
            <tbody><tr bgcolor="#d1bc8a">
                <td width="4%">
                    <center><img src="images/Logo.png" alt="Logo" width="45" height="45" align="middle"></center>
                </td>
                <td>
                    <font color="#3d5385" size="56px" face="DejaVu Serif Bold"><b>HORSE AUDIO</b></font>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="10%">
                    <center>Contact</center>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="10%">
                    <center>Product</center>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="10%">
                    <center>FAQ</center>
                </td>
                <td width="5px" bgcolor="#a99972"></td>
                <td width="25%">
                    <center>Search</center>
                </td>
            </tr>
            <tr>
                <td colspan="5">
                    <center>Test</center>
                </td>
            </tr>
            <tr>
                <td colspan="5" bgcolor="#322c1d">
                    Test
                </td>
            </tr>
            </tbody></table>
    </body>
</html>

当我在 Firefox 或 Chrome 上运行时，它工作正常。

无法定义 HTML table 高度

Can't define HTML table height

html

css

height

html4