0

我有如下背景：

在此处输入图像描述

问题是我想将包含框的宽度设置为仅覆盖到白色区域的末端，因此阴影应该“溢出”。我不想使用 out 容器或填充，因为我试图避免额外的宽度；如果背景溢出，则浏览器不会创建水平；滚动条，这正是我想要的。

有什么办法可以做到这一点，还是我会被迫使用全宽？

4

1 回答 1

0

背景<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 来实现相同的效果。

于 2013-04-25T13:23:37.077 回答