css - 如何在 960 网格系统中拉伸背景？

Question

基本上我遇到的问题是我为 div 设置了背景颜色，但左上角和右上角有白色间距。问题是如何正确删除这些空格？这是我的代码（我使用的是 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;
}

提前致谢！

Answer 1

960网格系统是为了做一个结构设计的，所以要遵循这个结构的div元素需要在里面。

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