CSS box-shadow＆margin

我在博客文章中添加了CSS box-shadow到<img>。该IMGS有max-width:100%组，让他们填写栏时，将被重新调整。CSS box-shadow＆margin

由于CSS盒模型边框外的盒状阴影渲染，影子会溢出到边距中。我想给图像一些额外的余量，以便阴影位于列内。但是，如果我用margin这将使IMGS比列宽。

有没有一种很好的方法让阴影坐在里面而不会影响上面的宽度？思想包装在另一个元素，但它是一个耻辱做到这一点的。

如果我已经使用了固定的边框，我可以使用box-sizing:border-box;来达到这个目的，但它对box-shadow没有任何影响吗？

2012-07-15 MachineElf

将来你可以使用'calc（...）'：https：//developer.mozilla.org/en/CSS/-moz-calc – biziclop 2012-07-15 09:53:23

Sweeet！这里也有一些非常好的东西在酝酿中，比如HTML 5'naturalWidth'和'naturalHeight'值获得IMG的真实尺寸:-) – MachineElf 2012-07-15 10:00:34

最大宽度98％或稍低，然后阴影应该在里面？

2012-07-15 09:38:40

我喜欢这个主意，但像素精度将是完美的，如果有可能！ – MachineElf 2012-07-15 09:47:27

我想不出别的。用另一个元素包装会给你更多的控制权。 – 2012-07-15 10:00:14

可能是一个百分比大小的影子？ – Inkbug 2012-07-17 10:27:22

回答