我正在试验一个新概念，使用 CSS 变量作为二进制寄存器来创建数据流，最终计算结果最终显示在文档的

我正在尝试创建一个画布，该画布的大小取决于设备的比例。我有一张需要显示的最终图像，尺寸如下

我有一个名为 <code>--size</code> 的 CSS 变量，它是用 javascript 设置的。其值为 0 或任意整数。 我希望

我无法从我能找到的任何解释中确定关于何时设置 css 变量的值。所以我进行了测试 <code>html</code></

我想使用CSS calc计算div的left属性的开始和/或结束值,我想通过使用d3js styleTween使其平滑移动.但是在开始过渡到正确的终点之前,div朝相反的方向跳跃.我使用Chromium版本73.0.3683.75和Firefox 60.7.0esr(64位)测试了该代码.两者都会产生相同的意外行为.将this.style.left用作d3.

我想使用继承与calc()像这样： #foo{ animation-duration:10s; } #foo > .bar { animation-duration:calc(inherit + 2s); /* =12s */ } 但它似乎不起作用. 是浏览器的错误还是规格？ inherit关键字只能作为属性声明中的值单独存在.它不能与其他任何东西一起使用,因为它本身就是一个价值.这意味着

是否可以使用calc()内部的CSS函数,如transform或translate？ 我似乎无法让它工作.这是一个演示,所以你们可以玩耍： http://jsfiddle.net/qdJwY/1/ 您可以使用calc(),无论您在CSS中使用基于长度的值.您提供的示例可以正常工作,但实际上加起来为0.这是一个稍微改动的演示来说明： http://jsfiddle.net/joshnh/6ydR3/

有没有办法在css calc函数中使用或实现模运算符？ 我知道有mod运算符和IE支持它,但其他浏览器呢？ 例如 #element-id{ width: calc( 100% mod 5 ); } 不幸的是, recent specs中不再提及mod运算符. The calc() function allows mathematical expressions with additio

参见英文答案 > Parse errors when using calc with rem and px                                    1 我需要验证一个CSS3文件,我使用以下代码： width:calc(96.3% - 312px) 它返回此错误： Value Error : width Parse Error – 312px) 我的最后一个选择是在页

我正在努力实现一些我甚至不能肯定这是可能的. 我试图在我的网站的导航下放置一个特定的阴影PNG图像.不过我也想重用这个能力,我想在网站上的任何对象,无论是图像,div还是按钮.基本上对任何对象使用相同的阴影图像. 使用css3 calc()函数,我试图做一个对象的高度@ 100％25px(png的高度). 我尝试过造型： height: -webkit-calc(100% + 25px); he