如何为容器中的所有元素提供相同的背景颜色？

Question

感谢您对my previous question的快速回复。

“页面上的第一件事，就在我之后，我想要一种横幅，包含一些左对齐的文字，以及一个右对齐的图像。它应该占据页面的整个宽度。”

我忘了提到我希望整个“横幅”具有相同的背景颜色（u）r。文本，图像以及介于两者之间的一切。

Answer 1

这样的事情：

  <div style="height:100px;width:100%;background:url(yourimage.png);background-position:right;">Yourtext</div>

Answer 2

.banner{ color:blue;
         background-color:blue;
         background:url(yourimage.png);
         background-position:right;
         width:100%
       }

此外，您可以创建一个新类，以便for banner的div可以继承属性，这样您就可以为图像和文本分隔div

Answer 3

Something like this？

HTML

<div class="divwrap">
    <div class="div1">text</div>
    <div class="div2"><img src="http://farm4.static.flickr.com/3170/2724062433_68f2af7af7_m.jpg"></div>
    <div class="divclear"></div>
</div>

CSS

.divwrap
{
    background-color: #CCC;
}
.div1
{
    float: left;
}
.div2
{
    float: right;
}
.div2 img
{
    display: block;
}
.divclear
{
    clear: both;
}