如何制作复合风格

时间:2013-12-27 02:23:18

标签: javascript html css stylesheet

我想制作一些复合style值,例如:height:100%-10px;

有没有办法用CSS执行此操作?

或者你必须使用JavaScript吗?

如果是这样,你可以发表你的建议吗?

1 个答案:

答案 0 :(得分:4)

您可以使用calc()

height: calc(100% - 10px);

jsFiddle example

  

w3.org 8.1. Mathematical Expressions: ‘calc()’

     

calc()函数允许使用加法('+'),减法(' - '),乘法('*')和除法('/')的数学表达式作为组件值。 'calc()'表达式使用标准运算符优先级规则表示它包含的数学计算的结果。它可以在允许的任何地方,或,或值中使用。 'calc()'表达式的组件可以是文字值,'attr()'或'calc()'表达式,也可以是解析为前述类型之一的值。