我将如何创建一个填满整个屏幕的div，其中包含内容

Question

这是我正在做的事情的一个例子。 http://www.childrens2012.org/

无论大小如何，填充整个屏幕的背景图像/颜色排序，但是当您向下滚动时，您有更多内容。

我让它为颜色工作

#tester{
    width:100%;
    height:100%;
    background-color: blue;}

然而，当我厌倦了使用背景图像时，如果我将它定位为absoulte，我会继续遇到麻烦，然后下面的内容出现，它似乎无法正常工作。

这就是我所拥有的

width:100%;
height:100%;
background: url(../images/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 background-size: cover;
 position:absolute;

任何想法？

Answer 1

这是一个问题：height:100% .. 100％的内容？

添加：

body, html {
  height:100%;
}

它应该有用。

http://jsbin.com/evifeh/1/edit

Answer 2

我不确定你想要达到什么目标。给出的示例和示例代码与处理图像不同。

为您提供另一种解决方案：

#tester{ margin-top: 100% }