如何使div的颜色从容器中取出

Question

我如何才能使div颜色从容器中移出，但仍保留div（文本，图片等）的所有内容在容器宽度内？ 感谢

Answer 1

我猜这就是你的意思？

尝试使用div中的颜色在容器div的外部创建一个div。这样，内容仍然包含在div中，但颜色始终相同。

这是一个有两个不同选项的jsfiddle，可以显示正在发生的事情。 http://jsfiddle.net/rynslmns/3UQbb/1/

HTML：

<div class="color-width">
   <div class="container1">
      <h1>Hello</h1>
   </div>
</div>
<div class="color-width">
   <div class="container2">
      <h1>Hello</h1>
   </div>
</div>

的CSS：

.container1 {
 width: 80%;
    margin: 0 auto;
    background: red;
}
.container2 {
 width: 80%;
    margin: 0 auto;
    background: blue;
}
.color-width {
    background: blue;
}