需要帮助设置高度以适应浏览器窗口答案

【问题标题】：Need help setting height to fit browser window需要帮助设置高度以适应浏览器窗口
【发布时间】：2016-09-16 02:27:58
【问题描述】：

我正在使用 html、表格和 css 编写一个简单的网站，但在我通常能够做到的事情上遇到了一些问题 - 将高度设置为适合浏览器窗口。

我有一个容器<div> 容纳所有元素，所以我不确定它为什么不起作用。我以前做过这个，当时网站只有一张图片作为背景，而且效果很好。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

如果您重置边距和填充，它实际上工作正常。

* {
    margin: 0;
    padding: 0;
}

现在您必须重新定位导航等元素。

nav {
    top: 30px;
    left: 50px;
}

（实际上我只是将 px 添加到您的值中，之前并没有真正起作用。）

【讨论】：

嗨，保罗，感谢您对我的问题的答复！我将重置添加到我的 css 文件中，但没有看到任何更改 - 内容仍然不适合高度，我做错了什么吗？非常感谢您的帮助:)
好的，现在我明白你的问题了。好吧，您可以将height: 100%; 添加到#maintable、第一个td 中的表格等元素中，但是您的图片不够大，无法填充100% 的页面高度。附加信息：例如，第二个 td 中的表格都应具有 50% 的高度，因为有两个元素共享 100% 的完整高度。老实说，我不会像你那样编码，如果它不是表格，你就不应该使用表格。