使用calc（）进行定位

Question

我有一个relative - 定位div，想要使用CSS3的可爱calc()对齐它。它不起作用。

Fiddle.

为凌乱的代码道歉，只是嘲笑一个类似的设计，以避免推翻围绕我脸上实际项目的更复杂的代码。

出于某种原因，这会导致无效的属性值错误，我无法解决原因。有没有解决方法？

Answer 1

它正在我的浏览器上运行，但无论如何都要尝试使用前缀版本来确保，-webkit-calc（）和-moz-calc（）

Answer 2

您可以做的简单测试是：

left: calc(100% + 1px); 

如果你看到它留下100％而且只有1px的小空间....：D

https://developer.mozilla.org/en-US/docs/Web/CSS/calc ^{（12/2013）}说明了一切：

  

这是一项实验技术   由于此技术的规范尚未稳定，请在兼容性表中查看在各种浏览器中使用的正确前缀。另请注意，随着规范的更改，实验技术的语法和行为可能会在未来版本的浏览器中发生变化。