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

基本上，我遇到的问题是我为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;
}

提前致谢！

最佳答案

960网格系统用于设计结构，因此要遵循此结构的div元素必须位于内部。

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

关于css - 如何在960网格系统中拉伸(stretch)背景？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11439937/