CSS有一个主体边距，但div跨度100%超过边距

Question

如标题所示。我的body标签上有空白，这是我想要的。但是我想在屏幕宽度上设置一个div span

body{
margin-top:0px;
margin-left:10px;
margin-right:10px;
}
#banner{
background-color:#000;
width:100%;
margin-left:-10px;
}

这给了我一个黑色的div在左边，我怎么能让它跨到右边呢?我试过在右边加边距，但是这对div没有影响。

Answer 1

如果你只是用正文的边距来增加页面周围的间距，我建议你把它换成填充。

然后你可以把横幅放到浏览器窗口的边缘(而不是body的边缘)，像这样:

试试这个:

#banner{
    background-color:#000;
    width:auto;
    margin: 0 -10px;
}

假设#banner是块级元素，那么它应该是全宽的，包括两边10px。如果它不是(即:如果它是一个span)，也添加display: block到上面的CSS。

查看我的JSFiddle在这里:http://jsfiddle.net/gwfKz/