Question

我知道有很多关于此类事情的问题，但我没有找到一个回答我的问题。

我有一个“新闻提要”格式的网站，你可以过滤基于某些标准的帖子。因此，使用某些过滤器，您获得的内容比浏览器窗口高得多。使用其他过滤器，您无法获得任何内容。

当我使用Webkit的Web Inspector时，我发现html {min-height:100%}为<html>标记提供了技巧。我希望<body>做同样的事情：当内容适合页面时为100％，否则展开。

但是，如果未为height设置高度，则无法在正文上使用百分比min-height或<html>。它没有继承高度来基于其百分比。因此，当文档内容不完整的内容时，我最终得到的就是所有内容都被剪掉了，内容的底部，这搞砸了我的背景和内容。

有什么想法吗？

Answer 1

从有限的细节来看，听起来你需要的只是添加：

html,body{ height: 100%; }

我猜你的背景是在身体标签上。

Answer 2

也许你可以尝试这样的事情：

html {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
#content {
    min-height: 100%;
}

我希望这有助于解决问题

Answer 3

我的建议是将身体的高度设置为100％。 100％表示它应该占用相同的空间作为其父元素。所以，如果你的html标签做了它应该做的事情，那么让body标签采用相同的大小：

<html style="min-height: 100%">
<body style="height: 100%">
</body>
</html>