问题标签 [css-calc]

从我在其他 答案中看到的情况来看，CSS 视口单元还不能在calc()语句中使用。我想要实现的是以下声明：

即使在声明中不能使用视口单元，是否有一些解决方法可以使用纯 CSScalc()来实现？还是只是 CSS 和 HTML？我知道我可以使用 javascript 动态地做到这一点，但我更喜欢 CSS。

我想使用 设置margin为auto加上一些像素量calc()，但我的代码似乎不起作用。

我可以设置calc()为自动保证金加上一个固定值吗？像这样的东西：

是否有严格的 css 解决方法来使用chromevh的函数？calc()

我需要一个浏览器calc(100vh - 25px)用于顶部margin在页面底部粘贴一个 25 像素的栏，但 chrome 给我带来了问题。

我想这样inherit使用calc()：

但它似乎不起作用。

是浏览器错误还是规格？

我编程非常简单的布局。它由 5 个 div -> http://jsfiddle.net/8tSk6/组成。我希望 ID 为“kubka”的 div 等于 100% - 100px ( height: calc(100% - 100px);)。不幸的是，它不起作用。我尝试应用CSS3 高度的提示：calc(100%) 不起作用（添加高度 = 100%，边距和填充 = 0），但脚本仍然不起作用。

我怎样才能做到这一点？

如果它是 only%或 only ，我可以做到px，但不是calc()，我可以使用 jQuery 的其他选项吗？还是 JavaScript 的其他技巧？

这是用户单击某个元素时必须完成的更改，因此：

当用户单击$("#otherElement")切换效果时，必须发生。

我使用 calc() 函数将一个 div 居中在另一个中。它在 Chrome、Firefox、Opera 甚至 IE 中都可以正常工作，但在 Safari 中这种方法不起作用。

没有javascript修复的任何建议？

IE11 似乎不会计算calc(50% - 1rem)，但所有其他浏览器都会。

我该如何解决？

我可以将 calc() 与边框宽度一起使用吗？

我希望以下 CSS 工作：

但无论出于何种原因，我提供的任何值calc()都不会产生任何边界。我在MDN上找到的文档不清楚是否可以使用 calc - 它说我应该使用Any <length> value，但是这包括 calc 吗？

我以 IE9 为目标，但在 Chrome 34 和 Firefox 28 中得到了相同的结果。我知道我也可以使用 jQuery 来实现这些目标，但我想尽可能避免使用它。

减法后的值应该是1999px，但它似乎不起作用。如果我手动将其更改为1999px它可以正常工作，所以我知道这不是我的 CSS 的问题。媒体查询不calc支持，还是我做错了什么？