Css 去除水平框阴影，即使它'；s0

即使我将框阴影水平值设置为0，它也会为div增加宽度。 如果元素宽度未知或设置为100%，如何去除这些额外像素

我发现了一种使用CSS clip属性的方法，但它只在元素宽度以像素为单位时才起作用

我可以使用jquery/javascript计算像素，然后使用该值，但我确信有一个更简单的方法

---

谢谢。

您需要添加一个包装，将其浮动，然后设置

溢出：隐藏

#wrapper {
  float: left;
  margin: 50px;
  padding: 0 20px;
  overflow: hidden;
}

这是一个演示
W3C会给你答案

<shadow> = inset? && [ <length>{2,4} && <color>? ]
...
The fourth length is a spread distance. Positive values cause the shadow shape to expand in all directions by the specified radius. Negative values cause the shadow shape to contract.

box-shadow: 0 5px 20px -5px black;