css有一个身体边缘，但div超过保证金100％

Question

标题是

。我的身体标签上有一个边距，这是我想要的。但是希望屏幕宽度超过边距。

body{
margin-top:0px;
margin-left:10px;
margin-right:10px;
}

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

这给了我在左边缘的黑色div，我怎么能让它跨越右边？ 我试图在右侧申请保证金，这对div没有影响。

Answer 1

如果您只是使用正文上的边距来增加页面周围的间距，我建议将其切换为填充。

然后你可以将横幅放回浏览器窗口的边缘（而不是身体边缘），如下所示：

试试这个：

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

假设#banner是一个块级元素，它应该以全宽度流动，包括10px任一侧。如果不是（例如：如果它是一个跨度），也要将display: block添加到上面的CSS中。

请在此处查看我的JSFiddle：http://jsfiddle.net/gwfKz/