0

子 div 的阴影可以在父 div 边界之外看到。有什么办法可以阻止这个阴影？与子 div 相同。

这只是我页面的一个简单模板，在页面运行时我将无法控制 div 的位置和数量，所以我需要一个通用的 css/方法，其中子 div 的阴影不重叠和当他们在拐角处时，他们不会溢出父母。

<div style="width:600px; height:700px; margin-left:auto; margin-right:auto; background: #eaeaea;">
    <div style="height:50px;width:50px; background:#ff0000; box-shadow: #000 0px 0px 3px;"></div>
    <div style="height:50px;width:50px; background:#ff0000; box-shadow: #000 0px 0px 3px;"></div>
</div>
4

2 回答 2

1

添加overflow:hidden到父级div。

JSFiddle 链接

于 2013-06-21T11:40:03.237 回答
0

添加overflow:hidden到您的父级div。

演示在这里

于 2013-06-21T11:40:52.743 回答