jquery -获得完美的.height()

Question

请看下面的代码

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

这并没有什么问题。现在来看看这个

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

您可以发现第二个$(document).height()中的jsfid值不同，并且红色框放置在该区域之外。为甚麽呢？

我想把红色的方框放在文档区域最里面的底部，我不想用这个

bottom: 0px;

有人能给我指路吗？

谢谢!

Answer 1

乍一看，问题似乎是因为您正在混合

    .css("height"); 

with‘计算的高度

   .height();

使用.css(" height ")获取文档高度以及设置最终位置。

更新为评论：道歉(不那么仓促)

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

如果在css中设置了 one或最近的程序设置了高度值，则返回高度值only 。

试用

   $("body").height() 

而不是$(文档).height()；

文档大于正文

Answer 2

您的问题:如何使用.css(" height ")获取文档高度？

$(document).height();

如果你有一个带边距的对象，你可以使用

$(object).outerHeight();

它会占据他的整个身高