如何使用边框强制元素的宽度？

Question

我为我的页面布局使用Twitter Bootstrap，我想在列中插入CSS3 Box Shadow。

我遇到的唯一问题是盒子阴影有一个1px边框，这足以导致我的第二列换行到下一行。如果我删除边界它对齐罚款。

如果我从列宽减去2px，它看起来完全是我想要的。但是，我想利用Bootstrap的流体布局（基于百分比而不是像素），所以没有简单的方法可以简单地使像素变窄。

我真的不喜欢边框不在物品宽度内的方式。有没有人看到我的<div>尊重目前的宽度，即使有边界？

Answer 1

使用

-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 

和边框的宽度将箱内添加。

以下是两个div具有100x100大小和20px边框的示例。第一个是'box-sizing'，第二个没有：http://jsfiddle.net/y3zxC/。