小编Min*_*lsh的帖子

我在div上有一个盒子阴影,我想在页面上的下一个div上像条形图一样伸出,但是当下一个div有背景或背景图像时,它不会显示出来.是否有一种阴影显示在下一个元素上的方式,即使它们都是"位置:初始;" http://jsfiddle.net/2u4Lvyn0/2/ 所以阴影应该忽略它下面的蓝框

HMTL

<div class="background-image-div"></div>
<div class="box-shadow-div"></div>
<div class="background-image-div"></div>

CSS

.box-shadow-div{
    height:100px;
    background:orange;
    -webkit-box-shadow: 0px 3px 3px 15px rgba(0,0,0,1);
    -moz-box-shadow: 0px 3px 3px 15px rgba(0,0,0,1);
    box-shadow: 0px 3px 3px 15px rgba(0,0,0,1);
}

.background-image-div{
    height:100px;
    background:blue;
    border:1px solid yellow;
}

我已经看到很多关于'inset box-shadow'的帖子没有使用它自己的divs背景图片,但却找不到任何有关正常兄弟div的内容.

我创建了一个div，我想将其设为50％（出于参数考虑），但至少要有一定的宽度，并且最多要有100％的宽度（以便它永远不会扩展窗口）

.about {
    position:absolute;
    right:0;
    width: 50%;
    min-width: 500px;
    max-width: 100%;
}

基本上，我希望最小宽度有效，但我希望最大宽度更重要，因此它永远不会比窗口宽，我假设我可以按顺序执行此操作，或者至少可以使用！重要，但事实并非如此

https://jsfiddle.net/ex716kam/2/