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（）不適用於框的大小：邊框邊框

回答

相關問題