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;
}

更多信息:

Answer 2

width: calc(100% - 40px);