html - CSS 两边的负边距

Question

我怎样才能有一个两边都有负边距的 div，以便 div 在两边都延伸到页面之外？我使用了负边距，只有左边有效，这是有道理的。我怎样才能让正确的负边距起作用，因为向右浮动解决了负的右边距但打破了负的左边距。

Answer 1

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

JSFiddle 示例

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作为否定应该做的工作。