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

回答