CSS box-shadow&余量

时间:2012-07-15 09:27:23

标签: css layout margin css3

我已在博文中将box-shadow添加到<img>。 imgs设置了max-width:100%,以便在调整大小时填充列。

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

是否有一种很好的方法可以让阴影坐在里面而不影响上面的宽度? 想到包装在另一个元素中,但这样做很遗憾。

如果我使用了实线边框,我可以使用box-sizing:border-box;来实现此目的,但它与box-shadow没有任何关系?

1 个答案:

答案 0 :(得分:1)

最大宽度98%或者下降得多,然后阴影应该在里面?