html - 子 div 设置为窗口的 100%，而不是父级

Question

这是一个漫长的夜晚。我在这个页面上遇到了灰色金属 div 的问题。我希望高度是内容的 100%。当我设置它时，它被设置为窗口高度的 100%，并落在页面底部。

我在 html、body 和通向这个的每个 div（站点、副本、内容、金属）上设置了 100% 的高度

我应该澄清一下，我解释得很糟糕。

我希望灰色子 div 是网站的高度，以及父 div 的高度。不是内容的高度。

尽管 div 不同，但其他页面也会发生这种情况。

score 1 · Accepted Answer

1

You could add overflow:hidden on #content. That should do it.

于 2012-10-23T10:01:08.223 回答

score 0 · Accepted Answer

如果您只想让 div 包装到它的内容：

删除height:100%;此当前设置为 100% 的窗口。

默认情况下，div 会包裹到它们的内容，除非浮动子元素没有被正确清除，因此不需要设置高度。

您可以使用 jQuery 将子项的高度设置为父项的高度，如下所示。

$('#child').height($('#parent').height());

2 回答 2