div里面一个div的css背景颜色问题答案

【问题标题】：div inside a div Css background color problemdiv里面一个div的css背景颜色问题
【发布时间】：2011-07-29 04:30:38
【问题描述】：

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

所以我有这个代码：

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

现在 photoUploadWrap 样式是：

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

它里面有表格和更多的 div。 div 居中，但外部 div 不显示 #efefef 背景。

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

【问题讨论】：

"tables and more divs inside" 中是否有任何float 属性集？

标签： css

【解决方案1】：

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

【讨论】：

【解决方案2】：

不知道为什么这不起作用，但是当我将其更改为：

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

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

成功了。检查它Live

【讨论】：

我需要相同的，但使用带有背景的#photouploadwrap，我有类似的东西，但第三个 div 不显示背景颜色