为什么CSS框阴影会产生阴影'；他处于不想要的位置？

为什么：

div { -webkit-box-shadow: 5px 0 20px #c1c1c1; }

---

当div明显设置为0时，在其下方放置阴影？

它不是将阴影“置于”框的下方，而是模糊到可以在下方看到的程度。参数包括：

-webkit框阴影：（水平）（垂直）（模糊）（颜色）


设置
-webkit框阴影
，偏移量为
5px
（水平）和
0
（垂直），模糊半径为
20px

这意味着阴影没有设置为0，它只是垂直移动
0
。如果希望没有阴影，请将模糊半径（
20px
）设置为
0
，或删除
-webkit-box shadow
属性。
什么是“下方”？你打算把盒子的阴影放在什么位置？我就是这么想的。希望有另一种方法可以在没有图像的情况下实现，这样阴影可以是水平的或垂直的，并且不会有模糊重叠……或者用
overflow:none
包裹一个边界div来剪裁不需要的阴影（尽管这会导致阴影的一些突然边缘）。
div { -webkit-box-shadow: 5px 0 20px #c1c1c1; }