如何在960網格系統中拉伸背景？

基本上我遇到的問題是我爲div設置了背景顏色，但左上角和右側有白色間距。問題是我如何正確地刪除這些空格？這裏是我的代碼（我用的是960網格系統）：如何在960網格系統中拉伸背景？

<div id="logo"> 
    <div class="container_12"> 
     <div class="grid_12"> 
      Header and logo 
     </div> 
    </div> 
    <div class="clear"></div> 
</div> 

<div id="main"> 
    <div class="container_12"> 
     <div class="grid_12"> 
      <div class="grid_6 alpha">Header text</div> 
      <div class="grid_1"></div> 
      <div class="grid_5 omega">Button</div> 
     </div> 
    </div> 
      <div class="clear"></div> 
</div>

而且我的CSS是：提前

div#logo { 
height: 175px; 
background-color: #083d5e; 

} 

div#main { 
height: 205px; 
background-color: #01070b; 
}

謝謝！

來源

2012-07-11 user1296953

提交你的代碼上http://www.jsfiddle.net – SVS 2012-07-11 19:25:49

有可能在父母或東西填充。 – Chad 2012-07-11 19:26:28

960網格系統用於設計設計的結構，所以你想要遵循這種結構的div元素需要在裏面。

<div class="container_12"> 
    <div class="grid_12"> 
     <div id="logo"> 
     Header and logo 
     </div> 
    </div> 
</div>

來源

2012-07-11 19:54:21 byroncorrales

正確但是背景不會伸展，因爲它只能保持960像素寬。作爲@SVS之前提到的 – user1296953 2012-07-11 20:03:03

將代碼上傳到http://jsfiddle.net/以瞭解或上傳一些截圖 – byroncorrales 2012-07-11 20:23:13

http://jsfiddle.net/AYERR/？ – byroncorrales 2012-07-11 20:30:08

如何在960網格系統中拉伸背景？

回答

相關問題