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

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

54得票3回答
CSS中一个calc()函数内嵌另一个calc()函数的含义是什么?

我该如何在一个CSS计算函数内使用另一个CSS计算函数?根据这个文章,这是可能的,但没有相关示例。

52得票6回答
CSS计算-保留两位小数向下取整

我有以下情况:div { width: calc((100% / 11) - 9.09px); } 在这种情况下,100%等于1440px,而9.09px在Sass中通过数学计算生成。 结果为:94.55px,因为calc将其向上舍入,但我需要94.54px(向下舍入)。 如何将其...

50得票2回答
我可以在Javascript中使用CSS calc吗?

当我在JavaScript中设置位置时,我可以使用CSS的calc()函数吗?ePopup.style.top = "calc(100px - 1.5em)";

49得票1回答
如何在继承中使用CSS calc()函数?

我想在calc()函数中使用inherit,像这样:#foo { animation-duration: 10s; } #foo > .bar { animation-duration: calc(inherit + 2s); /* =12s */ } 但它似乎无效。 这是浏览...

46得票3回答
如何获取CSS变量(也称为自定义属性)的负值?

让我先演示一下如何在SCSS中完成这个操作: $submenu-padding-left: 1.5em; transform: translateX(calc(-#{$submenu-padding-left} + .5em)); 这将编译为: transform: translat...

41得票6回答
CSS计算无效的属性值

有人能告诉我为什么这个CSS计算函数不起作用吗?在Chrome中检查元素时,它显示“无效的属性值”。width: calc((100vw - 14px * 2) / (270px + 11px * 2));

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

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

29得票3回答
我能使用“auto”值与“calc()”属性吗?

我想使用calc()将margin设置为auto加上一些像素,但是我的代码似乎无法正常工作。 selector { width: 200px; height: 200px; margin-left: auto; margin-right: auto; ...

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

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