jQuery .height（）不适用于框的大小：边框边框

我有一个导航栏，我已经定位在我的页面顶部。我遇到的问题是，我想根据所用屏幕的大小将整个页面向下移动（导航）的（动态）大小。基本上，我想将整个页面移动到这个导航的高度。为了做到这一点，我将使用填充到导航栏的影响它的高度。我在这个导航栏上使用了box-sizing：border-box属性，但是每当我尝试加载页面时，它都没有考虑到使用jQuery的.height（）函数时使用填充添加的额外高度。jQuery .height（）不适用于框的大小：边框边框

'位移'类的div没有任何东西，除了最初的100％宽度。这是目前所有的代码沿丑陋结果

http://jsbin.com/qomepe/2

谁能告诉我为什么发生这种情况，或者如果我忽略了什么？

来源

2014-12-06 Justin Hathaway

这是没有意义的。如果您尝试根据屏幕宽度执行任何操作，请使用[CSS Media Queries]（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries） – Rafael 2014-12-06 00:21:39

尝试使用：var height = $（ '报头'）outerHeight（）; – mdixon18 2014-12-06 00:25:04

我不想用宽度做任何事情。我正在尝试使用“固定”导航栏的相同高度将高度应用于此“.displacement”div。 – 2014-12-06 00:26:26

尝试使用.outerHeight（）获取导航栏的高度。

从jQuery的API文档：

“的顶部和底部填充和边界总是包括在.outerHeight（）计算;如果includeMargin参数被设置为真，裕度（顶部和底部）也包括“。

http://api.jquery.com/outerheight/

来源

2014-12-06 00:26:03 Will

var height = $('header').outerHeight(); 

$('.displacement').css('height',height);

尝试是这样的

来源

2014-12-06 00:27:01 Darko

对不起，我没有看到以前的答案，这是一样的 – Darko 2014-12-06 00:28:15

jQuery .height（）不适用于框的大小：边框边框

回答

相关问题