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

Question

感謝您對my previous question的快速回復。 「

」頁面上的第一件事，我想要一種橫幅，包含一些左對齊的文本和一個右對齊的圖像，它應該佔據整個頁面的寬度。

我忘了提及我希望整個「橫幅」具有相同的背景colo（u）r。文字，圖像和其間的一切。

Answer 1

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; 
} 

Answer 2

事情是這樣的：

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

Answer 3

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

此外，您可以創建一個新的類，以便在div爲旗幟可以繼承的屬性，這樣你可以單獨股利的圖像和文字