Question

我有一个如下背景：

enter image description here

麻烦的是，我想将包含框的宽度设置为仅覆盖白色区域的末尾。因此阴影应该“溢出”。我不想使用外面的容器或填充物，因为我试图避免额外的宽度;如果后台溢出则浏览器不会创建水平;滚动条，这正是我想要的。

有什么方法可以实现这个目标，还是我会被迫使用全宽？

Answer 1

<body>上的背景不会影响滚动条，因此根据您的需要，阴影可能会对此产生类似的效果;

body {
    background: url(http://i.stack.imgur.com/ftW5z.png) no-repeat center top;
    margin: 0;
}
.container {
    width: 1014px; /* inner space of shadow image */
    margin: 35px auto; /* 35px matches size of top shadow */
}

http://jsfiddle.net/gjsxn/2/

演示

您可能会使用另一个容器达到相同的效果并使用min-width和overflow hidden。

允许背景溢出？

1 个答案: