3 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <link href="Stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <table style="height: 100%; width: 100%;">
        <tr>
            <td colspan="2" style="height: 100px;">Header</td>
        </tr>
        <tr>
            <td style="width: 180px;">Links</td>
            <td>Content</td>
        </tr>
        <tr>
            <td colspan="2" style="height: 25px;">Footer</td>
        </tr>
    </table>
</body>
</html>

Stylesheet.css 如下所示：

*
{
    margin: 0;
    padding: 0; 
}
html, body
{
    height: 100%;
    width: 100%;
}

上面的第 1 行和第 3 行具有固定的高度。第 3 行未填充剩余空间。如果我省略了文档类型，它会按预期工作。我需要使用这个文档类型。

4

4 回答 4

1

请说明您尝试修复此问题的浏览器。

<div>如果你想正确地做事，你应该使用's ;)

于 2008-12-11T09:43:01.790 回答
1

这是由Transitional DOCTYPE. 改为使用Strict DOCTYPE。

https://developer.mozilla.org/en/Gecko's_%22Almost_Standards%22_Mode
于 2009-01-17T15:50:05.527 回答
1

如果您遇到与我相同的问题，您会大喊大叫。尝试在每个声明之后放置 px 。如果没有该像素指定，它在任何一个浏览器中都不起作用。我发现这个问题到处都是，而且真的很头疼。

于 2010-06-17T17:57:11.553 回答
0

我不是网络开发人员，但高度不只适用于块对象吗？因此尝试设置 TR 的高度，而不是 TD 的高度。

于 2008-12-11T10:03:30.593 回答