2012-05-16 69 views
0

請看看這段代碼的jQuery - 日臻完善.height()

http://jsfiddle.net/rkumarnirmal/VG47Z/3/

沒有什麼不對勁的地方。所以現在檢查這一項

http://jsfiddle.net/rkumarnirmal/4GrsD/6/

可以發現$(document).height()值在第二的jsfiddle不同,紅色框將向下超出的面積。爲什麼這樣?

我希望把紅色框底部的大部分文件區域內,我不希望使用此

bottom: 0px; 

任何人都可以指導我?

謝謝!

+4

我似乎已被放在正確的我。 – Sampson

+0

請問爲什麼你不想使用'bottom:0'?這是一種更加優雅的處理方式。 –

+0

@ExplosionPills因爲我想知道爲什麼這不起作用 – rnk

回答

1

在含水一目瞭然,它看起來像這個問題是因爲你混合

.css("height"); 

與「計算高度

.height(); 

使用的.css(‘高’)來獲取文檔高度以及設置最終位置。

更新爲註釋:道歉(少急速)

$("body").css("height"); 

只返回如果一個在CSS設置或近期計劃將它的高度值。

嘗試

$("body").height() 

代替的$(document).height();

文檔比身體更大

+0

如何使用.css(「高度」)獲取文檔高度? – rnk

+0

嗨,更新的答案 –

0

你的問題:爲獲得DOC高度如何使用的CSS(「高」)?

$(document).height(); 

如果你有帶空白的對象,你可以使用

$(object).outerHeight(); 

將帶着他的全部高度

+0

與寬度()它是相同的東西 –