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

时间:2015-08-21 19:22:15

标签: twitter-bootstrap height footer navbar

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

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

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

2 个答案:

答案 0 :(得分:0)

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

height: calc(100vh - 100px);

height: calc(100% - 100px);

(请注意,运算符周围的空格很重要)

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

自Chrome 19,Firefox 4和IE9以来,

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

答案 1 :(得分:0)

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

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

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