我遇到了窗口上html文档之外的空白问题。我有一个实时版本here来说明问题。页面底部有大量的空格，这些空格似乎超出了html文档本身的范围。我有一种感觉这是由这个CSS引起的：
#content {
width: 80%;
margin-left: auto;
margin-right: auto;
height: 640px;
overflow-y: scroll;
border: 1px solid black;
}
我使用骨干来查询Flickr API以获取数据，然后在索引视图中将它们显示为项目。但是，我认为这正在改变文档的高度，我似乎无法使其变小（之后窗口和文档高度似乎很好，但滚动div后有一个巨大的空白）这不在HTML文档中。）
修改 所以问题是由我设置为＆＃34;可见性：无＆＃34;的文本引起的。我把它设置为＆＃34; display：none＆＃34;，它解决了这个问题。我有＆＃34;能见度：没有＆＃34;因为我以为我无法使用jQuery访问像素宽度，但我显然错了。
答案 0 :(得分：0)
您可以轻松地将#content的高度更改为height: 100%。当然，相对大小调整对于嵌入式或外部DOM元素可能会有问题，但是当我对您的页面进行实验时，对我来说确实如此。
扩展程序：此次要影响是由overflow: auto css设置引起的。浏览器不知道div #content的内容不会水平溢出，因此它会放置到其垂直滚动条。在某些浏览器中，有不同的overflow-x:和overflow-y:设置，但它不是标准的（即使它们没有正常工作）。我的this答案中有更多详细信息。
此问题没有简单且独立于浏览器的解决方案。
答案 1 :(得分：0)
您需要.container中的body或div周围position: fixed #content。呈现隐藏的列表元素并将父容器推送到底部。
答案 2 :(得分：-1)
将高度设置为高度：auto; 高度是硬编码的