html - css 有一个主体边距，但 div 跨越边距 100%

Question

正如标题所说。我的身体标签上有一个边距，这是我想要的。但希望 div 跨越屏幕宽度超过边距。

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

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

这让我的黑色 div 位于左边距，我如何让它跨越右边？我试图在右侧应用边距，这对 div 没有影响。

score 2 · Accepted Answer

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

然后，您可以将横幅定位在浏览器窗口的边缘（而不是主体边缘），如下所示：

尝试这个：

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

假设#banner 是一个块级元素，那么它应该全宽流动，包括两边的 10px。如果不是（即：如果它是一个跨度），还要添加display: block到上面的 CSS 中。

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

1 回答 1