Css 使用calc（）进行定位

我有一个

relative

定位的div，我想用CSS3可爱的

calc（）

将其对齐。它不起作用了

为混乱的代码道歉，只是模拟一个类似的设计，以避免把围绕我实际项目的更复杂的代码推到你们面前

---

出于某种原因，这会抛出一个无效的属性值错误，我不知道为什么。有什么解决方法吗？

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

可以执行的简单测试是：

left: calc(100% + 1px); 

如果您看到它留下了100%的空间，只有一个很小的1px空间D

（12/2013）一语道破：

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

---

太谢谢你了。由于计算机问题，我目前正在使用Lucid Lynx LiveCD操作，显然它只支持Chromium的过时版本。供应商前缀：这是晚餐的内容。顺便说一句，对于简单定位用例，也可以将定位与边距结合起来，以避免

calc（）

，例如：

left:100%；左边距：1px

将具有与左边距：calc（100%+1px）（）相同的效果，在考虑旧浏览器时最好记住这一点。