CSS背景和身高100%

Ale*_*and 2 html css background

我无法让我的背景图像覆盖整个内容.

我查看了其他问题,似乎我需要在每个容器上设置100%的最小宽度......但我尝试了每个组合,它仍然无法正常工作.

这是我的HTML:

<body>
<div id="container">

    <div id="header">
                 header content...             
    </div>
    <div id="content">

        <div id="myAccountArea" class="section">
            accountArea content...
        </div>

        <div id="myPostsArea" class="section">
        postsArea content...
        </div>

    </div>
    <div id="footer">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

html, body {
    margin: 0;
    padding: 0;
    height:100%
}

body {
    background: red;
}

#container {
    padding-top: 80px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    min-width: 1000px;
}

#content {
    min-width:1000px;
}
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是postsArea内容通常跨越浏览器的窗口,但背景不是.

谢谢


编辑

好吧,所以我把它缩小到一个reset.css文件...有关发现该文件中的问题的任何提示?

谢谢.

Ale*_*and 5

好的,所以在查看重置样式表后,我发现了这个:

html {
     background:#FFF
}
Run Code Online (Sandbox Code Playgroud)

评论了这一行,一切似乎都很好:)

非常感谢所有的帮助