我的背景如下:
问题是我想将包含框的宽度设置为只覆盖到白色区域的末端，因此阴影应该“溢出”。我不想使用 out 容器或填充，因为我试图避免额外的宽度；如果背景溢出，那么浏览器将不会创建水平；这个和那个的滚动条正是我想要的。
我有什么办法可以做到这一点，还是我会被迫使用全宽？
最佳答案
关于 <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/
您可以使用另一个容器并使用最小宽度和 overflow hidden 来实现相同的效果。
关于html - 允许背景溢出？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16215295/