CSS的邊框陰影添加到元素的大小

Question

可能重複：
Is css box-shadow part of element's box model?

做了CSS邊框陰影屬性添加到元素的大小或者是它後不加影響其他元素？

所以說我的div寬度是100px，margin 10px，border 1px，padding 5px，box-shadow 2px，是元素136px（包含所有上面）或132px（只是前四個）的總寬度。

Answer 1

不，影子不會影響元素的大小（就像一個輪廓; read more about this here）。回答這個例子：你的div是132px寬。

Answer 2

132px

我覺得陰影不計算。

Answer 3

不，盒子陰影不是元素的一部分，這意味着在最終的元素總量中不考慮陰影。

來源：http://css.flepstudio.org/en/css3/box-shadow.html

Answer 4

按照CSS3框陰影規格：

的外箱陰影投射陰影彷彿元件 的邊界框是不透明的。 陰影僅繪製在邊框邊緣之外：剪裁在元素的邊框內的 。

欲瞭解更多信息，請參閱http://www.css3.info/preview/box-shadow/

螢火蟲或谷歌瀏覽器檢查人員對這樣的事情非常有用的工具，太。