CSS calc()减去负值

时间:2013-07-22 07:52:19

标签: html css css3 css-calc

可以减去一个减号,这样吗?

width: calc(35% - -20px);

因为如果我这样做,它的行为与我这样做不同:

width: calc(35% + 20px);

在这里您可以看到差异: http://nightly.gamempire.it/

  • 放置浏览器的窗口< 1200px和> 1000像素
  • 分析#gallery_thumb元素

实际上你看到它有:calc(35% - 20px) 如果你改为calc(35%+ 20px),它就会中断(#gallery_thumb会比#gallery_img更低)。

这是为什么?你能否减去一个负数?

1 个答案:

答案 0 :(得分:-3)

calc()是一种原生的CSS方式,可以在CSS中进行简单的数学运算,作为任何长度值(或几乎任何数值)的替代。它有四个简单的数学运算符:add (+),减去(-),乘以(*),然后除(/)

<强> More info

<强> Link Two

<强> Link Three

<强> calc() function browsers compatibility