如何使用邊框強制元素的寬度？

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/。