我面临的问题是仅在多个 div 的左侧和右侧添加框阴影。

我已经尝试过这个方法了。这是一 例子 http://jsfiddle.net/Qq5tQ/我想要的，但它只适用于单个 div，并没有帮助我。

我的代码有几个主要块。 IE。

<div>
<div class="main"></div>
</div>
 <div>
<div class="main"></div>
</div>

我需要将框阴影添加到主块 css 代码中

.main:before {
    box-shadow: -15px 0 15px -15px inset;
    left: -15px;
}
.main:after {
    box-shadow: 15px 0 15px -15px inset;
    right: -15px;
}
.main {   width: 980px; max-width: 1200px; margin: 0 auto; position: relative; background:#fff; padding: 0 25px; }

包装纸具有全宽。

像这样？

FIDDLE http://jsfiddle.net/Qq5tQ/227/

CSS

.main:before {
    box-shadow: -15px 0 15px -15px inset;
    content: " ";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}
.main:after {
    box-shadow: 15px 0 15px -15px inset;
    content: " ";
    height: 100%;
    position: absolute;
    right: -15px;
    width: 15px;
}
.main {
    background: none repeat scroll 0 0 #EEEEEE;
    height: 100px;
    margin: 50px;
    position: relative;
    width: 100px;
}