18得票2回答
jQuery animate() 和 CSS calc()

我尝试使用jQuery animate设置CSS calc(),例如:$element.animate({ height: 'calc(100% - 30px)' }, 500); 我注意到使用jQuery animate时calc()无法正常工作... 我希望有一种方法可以实现它,...

24得票8回答
在CSS的calc函数中使用模数

有没有办法在CSS calc函数中使用或实现模运算符?我知道有取模运算符并且IE支持它,但其他浏览器呢?例如#element-id{ width: calc( 100% mod 5 ); }

16得票1回答
calc() 100% + #px

我试图实现一些我甚至不确定是否可能的东西。 我想在我的网站导航下方放置一个特定的阴影PNG图像。然而,我还希望可以重用此功能于网站上的任何对象,无论是图像、div 还是按钮。基本上,使用相同的阴影图像来装饰任何对象。 使用 CSS3 的 calc() 函数,我尝试做到对象的高度@ 100%...

1847得票6回答
CSS calc()函数中的Sass变量

我正在尝试在Sass样式表中使用calc()函数,但是遇到了一些问题。这是我的代码:$body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) 如果我使用文字字面...

55得票3回答
在CSS中将calc()和attr()结合使用

我在想是否可以将calc()函数与attr()函数结合起来,以实现类似以下代码的效果:<div class="content" data-x="1"> This box should have a width of 100px </div> <div c...

13得票3回答
在jQuery中使用css calc()

我该怎么做?$('#element').animate({ "width": "calc(100% - 278px)" }, 800); $('#element').animate({ "width": "calc(100% - 78px)" }, 800); 如果只是 % 或者只是 px,我...

57得票3回答
为什么在Calc()方法内部必须使用空格将+或-括起来?

最近我开始在CSS中使用calc(...)方法。我很快发现这样的代码:width: calc(100%-2)将无法工作,但在运算符-前后添加空格将解决问题,并且calc方法将正常工作。 经过一些研究,我发现多个博客文章都提到需要空格,并且许多人甚至指向规范(CSS3 8.1.1),其中规定:...

17得票2回答
计算器在IE 11中无法正常工作。

经过调查,我确认 calc 应该在 IE8+ 中正常工作,但它对我不起作用。 这是我制作的 JSFiddle: http://jsfiddle.net/75tzyLoo/ 这是代码: HTML:<div id="outer"> <div id="inner"&g...

21得票3回答
如何调试CSS calc()值?

我有相对复杂的公式,例如 transform: scale(var(--image-scale)) translateY(calc((1px * var(--element-height) * (var(--image-scale) - 1)) / 2 * var(--scrolled-out...

31得票3回答
嵌套的计算操作

希望这很简单。我想使用CSS calc操作进行两个计算: 我想将我的宽度设置为相当于(100% / 7) - 2 然而,如果我尝试在 CSS 计算操作中执行多个操作,它将失败:width: calc((100% / 7) - 2); 我如何在一个CSS语句中执行多个计算操作?