流體網格佈局內的全寬div背景色

Question

我想創建一個流體網格佈局內的div，它具有延伸整個頁面寬度的背景顏色，但仍然保留內容，如深藍色和淡藍色的部分https://unroll.me/

Answer 1

首先，你需要爲藍色背景創建一個div。然後，您將需要在藍色背景div內創建一個div來保存您的內容。

<div id="blueBackground"> 

    <div id="contentDiv"> 

     <!-- your content here --> 

    </div> 

</div> 

接下來，您將樣式div的使用CSS

#blueBackground { 
    background:#hexcolor; 
    width:100%; 
    padding: 40px 15px; /* first number sets vertical padding - second sets horizontal */ 
} 

#contentDiv { 
    width: 100%; 
} 

Answer 2

#mydiv { 
    width: 100%; 
    background: blue; 
}