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文件...有关发现该文件中的问题的任何提示?
谢谢.
好的,所以在查看重置样式表后,我发现了这个:
html {
background:#FFF
}
Run Code Online (Sandbox Code Playgroud)
评论了这一行,一切似乎都很好:)
非常感谢所有的帮助