导航栏和粘性 Bootstrap 页脚之间的 100% 高度
100% height between navbar and sticky Bootstrap footer
在这个项目中http://fiddle.jshell.net/e43duahb/
我希望带有 class apresentacao 的 div window 高度减去页脚的 100px。
我已经试过了 jQuery <script>$(".apresentacao").css('min-height', $(window).height()-'100px');</script> 但还是不行。
有一个名为 calc 的 CSS 函数开始获得很好的支持。语法如下：
height: calc(100vh - 100px);
或
height: calc(100% - 100px);
（注意运算符周围的空格很重要）
这允许在 CSS 中提供真正的动态计算支持。使用预处理器，您只能将静态长度与静态长度组合，将相对长度与相对长度组合。
自 Chrome 19、Firefox 4 和 IE9 起支持 Calc。该功能还没有得到足够广泛的支持，无法广泛使用它，但它在未来不会太远，值得记住和期待。
尝试用 $(window).height()-100 + 'px'
替换 $(window).height()-'100px'
这是fiddle：http://fiddle.jshell.net/uhf4ss03/
在这个项目中http://fiddle.jshell.net/e43duahb/
我希望带有 class apresentacao 的 div window 高度减去页脚的 100px。
我已经试过了 jQuery <script>$(".apresentacao").css('min-height', $(window).height()-'100px');</script> 但还是不行。
有一个名为 calc 的 CSS 函数开始获得很好的支持。语法如下：
height: calc(100vh - 100px);
或
height: calc(100% - 100px);
（注意运算符周围的空格很重要）
这允许在 CSS 中提供真正的动态计算支持。使用预处理器，您只能将静态长度与静态长度组合，将相对长度与相对长度组合。
自 Chrome 19、Firefox 4 和 IE9 起支持 Calc。该功能还没有得到足够广泛的支持，无法广泛使用它，但它在未来不会太远，值得记住和期待。
尝试用 $(window).height()-100 + 'px'
$(window).height()-'100px'
这是fiddle：http://fiddle.jshell.net/uhf4ss03/