Question

我一直在开发一个网站，它有一个非常标准的布局，标题，内容，页脚，每个都是一个宽度为900px的DIV，在页面范围的DIV中，就像这个问题中描述的那样：

Full width background, without a wrapper

现在问题本身就是每当浏览器窗口变得不如指定的DIV宽度（900px）宽时，包装器的背景似乎消失，显示网站本身的背景颜色。使用上述问题中的代码时也会发生这种情况。

这是CSS代码：

#headerwrapper {
    height: 229px;
    background: url(imagenes/header.gif);
    background-repeat: repeat;}

#header {
    width:900px;
    height:229px;
    padding:0px;
    margin:0 auto;
}

这是HTML代码：

<div id="headerwrapper">
    <div id="header">
      Content goes here.
    </div>
</div>

任何建议都表示赞赏。

Answer 1

你可能无法在scrollarea中看到背景。您需要设置min-width: 900px;或max-width: 900px;，以便背景显示在滚动区域中。

Answer 2

如果没有为#headerwrapper指定宽度，浏览器会将其设为父容器（div或body）的100％。因此，如果视图区域的宽度小于900px - #header变得比#headerwrapper宽，则不会显示重叠部分的背景。您可以将overflow:auto;添加到#headerwrapper，以便显示滚动条，但我认为这不是解决方案。因此，最好为#header添加背景或为min-width添加#headerwrapper。附：指定

  min-width:900px;
  width:auto !important;

#headerwrapper的

应该可以解决问题。

DIV包装器内的DIV不保留包装器背景

2 个答案: