gpt4 book ai didi

html - CSS calc() 减去负值

转载 作者:太空宇宙 更新时间:2023-11-03 19:38:09 25 4
gpt4 key购买 nike

像这样减去一个负数可以吗?

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

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

width: calc(35% + 20px);

从这里你可以看出区别: http://nightly.gamempire.it/

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

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

这是为什么?不能减负数吗?

最佳答案

calc() 是一种原生 CSS 方法,可以直接在 CSS 中进行简单的数学运算,以替代任何长度值(或几乎任何数值)。它有四个简单的数学运算符:加法 (+)、减法 (-)、乘法 (*) 和除法 (/)

More info

Link Two

Link Three

calc() function browsers compatibility

关于html - CSS calc() 减去负值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17782439/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com