CSS双方的负余量

Question

如何在两边都有一个带有负边距的div，以便div从两边的页面延伸出来？ 我使用了负边距而只使用左边的边缘，这是有道理的。如何才能获得正确的负边距，因为浮动右边缘可以解决负边距，但可以打破负左边距。

Answer 1

您可以将div的宽度设置为100％以上，然后设置负左边距。

JSFiddle example

HTML：

<div id="overflow"></div>

CSS：

#overflow {
   width: 120%;
   height: 300px;
   background: #DCDCDC;
   border: solid 3px #333;
   margin-left: -10px;
   overflow: hidden;
}

在示例中，您可以看到div周围的边框仅显示在顶部和底部，div的两侧隐藏在窗口外。

Answer 2

好吧，我们不知道你的网页是怎样的，但是：

position: fixed并设置right和left为负面作品。