导航栏和粘性Bootstrap页脚之间的高度为100％

Question

在此项目中http://fiddle.jshell.net/e43duahb/

我希望类apresentacao的div是窗口高度小于页脚的100px。

我已尝试过jQuery {{1}}，但它无效。

Answer 1

有一个名为calc的CSS函数开始得到很好的支持。语法如下：

height: calc(100vh - 100px);

或

height: calc(100% - 100px);

（请注意，运算符周围的空格很重要）

这允许CSS中的真正动态计算支持。使用预处理器，您只能将静态长度与静态长度相结合，相对长度与相对长度相结合。

自Chrome 19，Firefox 4和IE9以来，

支持Calc。该功能并未得到广泛支持，足以广泛使用它，但它将来不会太远，而且需要记住和期待。

Answer 2

尝试使用此$(window).height()-'100px'

替换$(window).height()-100 + 'px'

这是小提琴：http://fiddle.jshell.net/uhf4ss03/