阴影添加到元素的大小

2018-06-27 00:49:43

可能重复：
是元素的盒子模型的css box-shadow部分吗？

css border-shadow属性是否添加到元素的大小，还是添加到其他元素之后？

所以说我的div宽度是100px，margin 10px，border 1px，padding 5px，box-shadow 2px，是元素136px（包括所有上面）或132px（只是前四个）的总宽度。

不，影子不会影响元素的大小（就像一个轮廓;阅读更多关于这里）。回答这个例子：你的div是132px宽。

不，箱子阴影不是元素的一部分，这意味着阴影不在元素的最终总体尺寸中考虑。

资料来源：http：//css.flepstudio.org/en/css3/box-shadow.html

根据CSS3 box-shadow规范：

外框阴影投射阴影，就好像该元素的边框不透明一样。 阴影仅在边框外绘制：它被剪裁在元素的边框内。

欲了解更多信息，请参阅http://www.css3.info/preview/box-shadow/

FireBug或Google Chrome检查员也是这类工具的有用工具。

链接地址: http://www.djcxy.com/p/75583.html