边界图像溢出％基于网格系统

Question

我正在使用一个使用百分比的网格系统（1140px grid是精确的）并尝试在其上使用CSS3边框图像。这一切都正常，但我正在使用一些相当宽的花式边框，这些边框会丢掉盒子的宽度。有没有什么办法解决这一问题？ （或者在没有CSS3的情况下做一些花哨的CSS边界？我很喜欢这个，但是现在找不到怎么样，而且我现在失败了。）

Answer 1

如果您将以下内容添加到框的CSS

中

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

然后它会在定义的宽度内而不是在外面添加bordes。