CSS宽度减法

前端之家收集整理的这篇文章主要介绍了CSS宽度减法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何减去CSS中的宽度?

例如:

width = 100% – 10px

我不是在说填充或边距。

解决方法

现在 calc解决方案将是:
width: calc(100% - 10px);

Calc可以使用加法,减法,乘法,除法。

附加说明:

Note: The + and – operators must always be surrounded by whitespace. The operand of calc(50% -8px) for instance will be parsed as a percentage followed by a negative length,an invalid expression,while the operand of calc(50% – 8px) is a percentage followed by a minus sign and a length. Even further,calc(8px + -50%) is treated as a length followed by a plus sign and a negative percentage. The * and / operators do not require whitespace,but adding it for consistency is allowed,and recommended.

猜你在找的CSS相关文章