css - SASS:宽度:100% - 20px - 这可能吗？

Question

我在我的许多元素中都使用了内边距，如果我可以从宽度中减去内边距会很方便，这可能吗？

如果:

width:100%; 

和

padding: 20px; 

=

100% - 40px ?  

Answer 1

您可以使用 box-sizing: border-box 将 padding 算作 width 的一部分。

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