2013-01-24 89 views
6

我在一个网站上工作,即时通过使用方框大小调整方法来在添加填充时阻止div打破大小。Chrome不支持框大小?

我有以下...

-moz-box-sizing:padding-box; 
box-sizing:padding-box; 
-webkit-box-sizing:padding-box; 

有谁知道一个问题,关于Chrome已经支持这个的?

+1

我想你也许可以使用“box-sizing:border-box;”这也应该在Chrome中运行。 –

+1

边框不一样填充框比利 – Tomkay

回答

4

可以代替box-sizing:padding-box;使用box-sizing: border-box;

padding-box是实验性的,并且包含元素高度和宽度的填充大小,但不包含边框或边距。

border-box;已经存在了一段时间,包括填充大小和元素高度和宽度的边框,但不包括边距。它受所有主流浏览器的支持,但在Firefox中需要一个前缀。例如:

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

欲了解更多信息,请参阅https://developer.mozilla.org/en-US/docs/CSS/box-sizing