使用绝对定位的时候，当页面内容过多的时候，往下滑动会出现空白的样式，请问怎么解决？

Question

网页的地址

http://www.xinlizhiyouni.com/...

使用绝对定位，让页面能覆盖浏览器的可视区域

.content {
    position: absolute;
    top: 0;
    bottom: 0em;
}

但是当页面内容过多的时候，往下滑动会出现空白的样式，请问怎么解决？

补充

不用绝对定位的话 如果内容过短，当用户打开页面的时候，会看到尾部有一大段空白

Answer 1

重新提交下答案吧
嗯，顺便说下，一般不会设置top: 0, bottom: 0的。

.content {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    min-height: 100%;
}

内容超过一屏时：

内容不足一屏时：

Answer 2

为何要用绝对定位？没必要吧

Answer 3

可以不用定位，效果也是一样的。