div里面的div Css背景颜色问题

Question

我希望外部div跨越所有页面宽度，背景颜色为#efefef。 内部div将居中并具有995像素宽的白色背景。

所以我有这段代码：

  <div style="background-color:#efefef;width:100%;">
    <div id="photoUploadWrap">

现在photoUploadWrap样式是：

#photoUploadWrap{width: 995px;margin: auto;}

它里面有桌子和更多的div。 div得到了中心，但是 外部div不显示#efefef背景。

这里有什么问题？我也尝试在外部div上设置边框但没有成功。

Answer 1

外部div没有高度（或者至少浏览器不这么认为）。这就是您看不到边框或背景颜色的原因。为什么不在body标签上设置背景颜色？

Answer 2

不确定为什么这不起作用，但当我改为：

  <div id="divContainer">
    <div id="photoUploadWrap">
aaaa
      </div>
</div>

#photoUploadWrap{width: 995px;margin: 0 auto;}
#divContainer { width: 100%; background-color: #efefef; }

它奏效了。 检查Live