在我的示例（下面的链接）中，当浏览器大小小于INNERdiv的定义宽度（960px）时，OUTERdiv的一些背景神奇地消失了。正如预期的那样，水平滚动条开始出现，但当你向右滚动时，你看不到图像中缺失的部分。我认为这与INNER DIV的属性[margin:0 auto；]有关，因为当INNER DIV从代码中取出时，OUTER DIV的背景会显示为它应该显示的样子（它被截断，但没有滚动条）。
任何人都知道为什么会发生这种事。。。以及如何修复？：
http://ryanderson.com/stackoverflow/background/
Html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>CSS Background Problem</title>
<style>
</head>
<body>
<div id="outer">
<div id="inner"></div>
</div>
</body>
</html>
Css:
body {
margin: 0 auto;
}
#outer {
background: url("background-picture.jpg") no-repeat scroll center top transparent;
height: 500px;
}
#inner {
background: url("diagonal-lines.png") repeat scroll 0 0 transparent;
height: 500px;
margin: 0 auto;
width: 960px;
}