将div设置为不是正文的父级的100%高度

时间:2012-04-23 05:38:09

标签: parent html css document-body

经过几天的谷歌搜索回答,我希望有一些天才能够帮助我解决这个棘手的问题。 总的来说,我想要实现的是一个1页的网站,它有一个非常大的bg图像,使用jquery在每个div之间滚动(实际上与'page'相同,设置为100%高度)。

我的问题是......

我有一张身体背景图片,大约是5000像素高。

我有3个div,我希望每个div都是浏览器窗口的100%高度。

因此,当从div滚动到div时,身体bg位于下方。

我无法将BODY设置为100%高度,因为这样只会将我的bg图像“切断”到浏览器高度。

我需要保持我的bg图像全长。

有没有办法实现这个?我在某处读到你可以为你的BODY元素设置一个ID,但我不确定这对我想要实现的目标是否有效?

我知道有一个人有答案:)

Mush赞赏

1 个答案:

答案 0 :(得分:0)

我现在看到了你的示例代码,我想我发现了问题。 您忘记将html标记的高度设置为100%,这会导致您的问题。试着这样做:

html, body { height: 100%; }

我在这里做了一个jsFiddle演示:http://jsfiddle.net/Allan/Vx9dC/