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

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>