这里,所有< div>的总高度为900像素,但是jQuery函数将身体的高度返回为577像素。 (如果我删除body的CSS,它的工作)。
这个问题有解决办法吗?
$j(function() { alert($j("body").height()); }) html,body { height:100%; } <div style="height:200px">header</div> <div style="height:500px">content</div> <div style="height:200px">footer</div>
解决方法
组
html { height: 100%; } body { min-height: 100%; }
而不是高度:100%。
结果jQuery返回是正确的,因为你已将body的高度设置为100%,这可能是viewport的高度。这三个DIV引起溢出,因为BODY元素中没有足够的空间。要查看我的意思,请设置BODY标签的边框,并检查边框的结尾。