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

我正在使用一个网格系统，使用百分比（1140px grid是准确的），并试图在其上使用CSS3边框图像。这一切都正常工作，但我使用了一些相当宽的花式边框，它们正在抛出盒子的宽度。有没有什么办法解决这一问题？（或做一些方式来做一些奇特的CSS边框没有CSS3？我很喜欢，但目前无法找到如何和失败）边框图像溢出％基于网格系统

来源

2011-04-24 Brian Hicks

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

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

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

来源

2011-04-24 23:29:00

适用于包括IE 8和9在内的所有浏览器的最新版本。 – 2011-04-24 23:32:00

我想我爱你。 – 2011-04-24 23:44:35

用于IE6和7的填充：https：//github.com/Schepp/box-sizing-polyfill – qwerty 2013-04-23 12:19:11

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

回答

相关问题