将div的高度设置为100%然后减去特定数量?

时间:2012-12-14 21:21:21

标签: jquery

我尝试过多种工作来实现这项工作,但似乎无法让它发挥作用。 我有一个自动固定到底部的d​​iv。有一个内容框拉伸页面的高度,我需要它停在底部,它击中底部div。 任何人都可以带领我走向正确的方向吗?

2 个答案:

答案 0 :(得分:1)

也许我误解了你,但似乎正是你在寻找的东西:

$('#content-box').height($(window).height()-$('#bottom').height());

答案 1 :(得分:1)

这不能通过纯CSS完成,只能通过Java Script完成。然而,有一个简单的解决方案,它是某种黑客,但有效。

hack是应用margin-bottom CSS属性,其值等于提到的页脚的高度。这应该从页面底部推送内容,以便正确显示页脚和内容。

请看这个小提琴:http://jsfiddle.net/bS7tz/