子div设置为窗口的100%,而不是父级

时间:2012-10-23 09:57:43

标签: html css

http://dev.epicwebdesign.ca/korokriver/

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

我在html,body和每个div上都设置了100%的高度(网站,副本,内容,金属)

我应该澄清,我解释得很糟糕。

我希望灰色子div是网站的高度,以及父div的高度。不是它的高度。

它也发生在其他页面上,虽然是一个不同的div。

http://dev.epicwebdesign.ca/korokriver/?page=geologicalconsultants

2 个答案:

答案 0 :(得分:1)

您可以在overflow:hidden上添加#content。应该这样做。

答案 1 :(得分:0)

如果您只想将div包装到其内容中:

删除height:100%;这是当前将其设置为窗口的100%。

默认情况下,div包装为其内容,除非未正确清除浮动子元素,因此不需要设置高度。

您可以使用jQuery将子项的高度设置为父项的高度,如此。

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

http://jsfiddle.net/ZXc3P/