着色的DIV背景

我是新來的CSS所以，我希望你能幫助我PLZ。着色的DIV背景

我有3倍裏面的DIV（左DIV，DIV中心，右DIV）一個DIV

，我可以把我個人想要的背景（用DIV DIV），但是，因爲他們不在一起，也有它們之間的顏色差距。所以我試圖在包含三個DIV的DIV中放入相同的背景顏色，但它不起作用。

你能幫幫我嗎？

非常感謝！

在HTML

<!--Divs--> 
<!--<div class="cor_fundo">--> 
<div class="body_resize"> 
    <div class="left"> 
    left 
    left left left left left left left left left left left left left ddddddddd</div> 
    <div class="center"> 
    center 
    ccccccccccccccc</div> 
    <div class="right"> 
    right rrrrrrrrrrrrrrrrrrrr </div> 
    <div class="clr"></div> 
</div> 
<!--</div>--> 
<!--FIM - Divs-->

的CSS

<!-- Divs Topo Pagina--> 
.body_resize { padding:0; width:740px; margin:0 auto; background-color:#fff} -> this is the one that dont works 

.right { width:130px;margin:0; padding:10px; float:right; background-color:#99CCFF} 
.center {width:150px;margin:0; padding:10px; float:left; background-color:#99CCFF} 
.left {width:400px;margin:0; padding:10px; float:left; background-color:#99CCFF} 
<!-- FIM - Divs Topo Pagina-->

演示：http://jsfiddle.net/Iuppiter/c8dY8/

來源

2013-12-14 user3102662

只是一個挑剔：不應該被標記爲PHP。這裏沒有PHP。 – Zarathuztra

我沒有看到任何差距http://jsfiddle.net/R7R8W/ – Musa

我已經定製你的CSS一點。請參見下面的

HTML結構：

<div class="body_resize"> 
<div class="left">left</div> 
<div class="center">center</div> 
<div class="right">right</div> 
</div>

的CSS：

.body_resize { padding:0; width:740px; margin:0 auto; background-color:#99CCFF; display:table;} 
.right { width:130px;margin:0; padding:10px;display:table-row; float:left; } 
.center {width:150px;margin:0; padding:10px;display:table-row ; float:left;} 
.left {width:400px;margin:0; padding:10px; display:table-row; float:left; }

的jsfiddle鏈接：http://jsfiddle.net/6uXwZ/

來源

2013-12-14 17:34:13

你好！ Tkz由awnser！但是，同樣的問題，背景顏色不會改變。你能幫我嗎？ – user3102662

爲什麼背景顏色沒有變化，我已經給父母div的背景顏色，只是從那裏改變它.. –

是的，作爲一個先前嘗試過，但它只是不工作。不知道爲什麼......但我用其他方式解決了這個問題！感謝您的旅遊幫助！ :) – user3102662

.body_resize { padding:0; margin:0 auto; background-color:#99CCFF; } 
.right { width:130px;margin:0; padding:10px; float:right; } 
.center { width:150px;margin:0; padding:10px; float:left; } 
.left { width:400px;margin:0; padding:10px; float:left; } 
.clr { clear:both; } /* i think u missed this */

http://jsfiddle.net/c8dY8/2/

順便說一句，如果你想在css文件發表評論，請使用/* ... */代替。

來源

2013-12-14 18:03:58

你好！謝謝你的回答！但是當我用手機訪問時，唯一具有顏色的背景是3個div，而不是全部區域。你可以幫我嗎？ – user3102662

將'background-color'設置爲'body'而不是'.body_resize'然後：'body {background-color：＃99CCFF; }' –

但如果我這樣做，它會設置頁面的所有顏色的背景。我只想要DIV區域。我想要的是做這樣的事情（http://wordpress.dominiodainformatica.com/?page_id=75），但沒有一個表，與divs，所以它可以響應。灰色地區在哪裏我想要一個淺藍色的地方。謝謝 – user3102662

我只是說

顯示：表類body_resize

HTML

<div class="body_resize"> 
    <div class="left"> 
    left 
    left left left left left left left left left left left left left ddddddddd</div> 
    <div class="center"> 
    center 
    ccccccccccccccc</div> 
    <div class="right"> 
    right rrrrrrrrrrrrrrrrrrrr </div> 
    <div class="clr"></div> 
</div>

CSS

.body_resize { 
    margin:0px auto; 
    padding:0; 
    width:1000px; 
     display:table; 
    background-color:black; 
} 

.right { 
    width:250px; 
    margin:0px; 
    padding:10px; 
    float:right; 
    text-align:center; 
    display:inline:block; 
    background-color:red; 
} 
.center { 
    width:250px; 
    margin:0; 
    padding:10px; 
    float:left; 
    text-align:center; 
    background-color:green; 
    display:inline-block; 
} 
.left { 
    width:250px; 
    margin:0; 
    padding:5px; 
    float:left; 
    display:inline:block; 
    background-color:#99CCFF}

小提琴DEMO

來源

2013-12-14 18:17:57

你好！謝謝你的回答！但是當我用手機訪問時，唯一具有顏色的背景是3個div，而不是全部區域。你可以幫我嗎？ – user3102662

嘿，我可以知道你是如何在移動設備上進行檢查的嗎？ –

通過網頁訪問 – user3102662

着色的DIV背景

回答

相關問題