我在我的许多项目中使用填充,如果我可以从宽度中减去填充,这将是很方便的,这是可能的吗? 如果: width:100%; 和 padding: 20px; = 100% -
... . . 我在我的许多项目中使用填充,如果我可以从宽度中减去填充,这将是很方便的,这是可能的吗?
如果:
width:100%;
和
padding: 20px;
=
100% - 40px ?.
解决方法
. 您可以使用box-sizing:border-box来将填充计算为宽度的一部分.
div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
这是一个快速演示:http://jsfiddle.net/thirtydot/DNs2u/
更多信息:
> http://caniuse.com/css3-boxsizing
> http://www.w3.org/TR/css3-ui/#box-sizing0
> https://developer.mozilla.org/en/CSS/box-sizing