两个带阴影的div看起来像一个部分. CSS中有可能吗？

这是我能在几分钟内得到的最好的,我认为它能完成这项工作.最好的是它的简单性(只有3次编辑你的CSS)

定位D1的阴影,使右边缘具有负值(-4px足以隐藏它)

给两个div相对定位,这样我们就可以控制它们的堆叠顺序.

给D1一个比D2更高的z指数,因此它掩盖了D2阴影的顶部.

#one {
    width: 100px;
    height: 100px;
    BACkground: #FFF;
    -moz-box-shadow: -4px 0 3px 1px rgba(0,0.3);
    -webkit-box-shadow: -4px 0 3px 1px rgba(0,0.3);
    box-shadow: -4px 0px 3px 1px rgba(0,0.3);
    float:left;
    position: relative;
    z-index: 20;
}
#two {
    width: 100px;
    height: 300px;
    BACkground: #FFF;
    -moz-box-shadow: 0 0 3px 1px rgba(0,0.3);
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0.3);
    box-shadow: 0 0 3px 1px rgba(0,0.3);
    float:left;
    z-index: 5;
    position: relative;
}