javascript - 结合百分比与像素

Question

有没有办法在 css 中将百分比与像素结合起来？例如，我希望 div 宽度为 50% + 10px。

Javascript/Jquery 插件是可接受的解决方案。但是可以在全局范围内使用的东西，不需要为任何额外的 block 编写额外的代码。

Answer 1

这是 CSS 中的一个“难题”，直到最近才得到修复。 CSS 中的修复是使用 calc 方法，如下所示:

http://dabblet.com/gist/3966215

请注意，dabblet 会自动添加 vendor 前缀，因此您需要使用:

-webkit-calc()
-moz-calc()
-ms-calc()
-o-calc()
calc()

浏览器支持尚可，http://caniuse.com/#search=calc - 简而言之，它是 IE9 及更高版本，而不是 Opera。

据我所知，JS 中没有任何 polyfill 可以在旧版浏览器中运行。