问题标签 [css-calc]

我可以在 calc 表达式中使用 n 变量吗？

例如：

我的代码：

CSS（萨斯）：

Javascript（JQuery）：

我基本上是在尝试实现菜单的动态打开效果，所以如果我添加或删除元素，它仍然可以工作（而不像现在我分别设置每个 div 的左侧）。

我有一个按钮，它从页面的右侧到中心进行动画处理。

在 FF 和 Opera 中它运行良好。在 safari 中，它会转到页面的中间，然后跳回侧面。

按钮有位置

然后它与目的地一起动画：

我得到了后备，我得到了-webkit，但它仍然跳回

我真的不知道这里出了什么问题..按钮有 .class1 位置正确：35px....单击它会将类更改为 .class2 并带有 calc-position。所以在css中，右边35px什么都没有……我很困惑……

编辑：

EDIT2：这是瞬时代码。就像我说的，在 FF 和 Opera 中，它的功能应有尽有。在 Safari 9+ 中，它会到达目的地，然后跳回到右侧的某个地方。我找不到错。在 FF 和 O. 中也使用 jquery 进行了尝试，该方法更加崩溃。

在 flexbox 中，当我使用justify-content:space-between第一个和最后一个项目时，它们与 flex 容器的边界完全对齐，它们之间的空间是分开的。如何将第一个项目向右对齐，而其他项目也向右对齐（而不是整个宽度）？

下面的示例代码不好，因为当我使用时flex-end，我必须为项目设置边距，所以每行中的第一个不会粘在右边。

这也不好，因为项目没有向右对齐（但整个宽度）：

我想要的图像输出（如果存在 4 个元素，第一个贴在右边，没有边距，第四个贴在左边，如果超过 4 个，则其他对齐到右边）：

为什么会这样？我需要有人可以解释为什么 div 没有正确对齐？

HTML 和 CSS：

https://jsfiddle.net/6xuvr6vw/1/

如您所见，.ruler-unit不包含在.horizontal-ruler.

我试图用来calc修复我的宽度，th:last-child它与其他宽度相差 15px。我所做的是：

JS 小提琴再现。

我除以 12，因为它是我表中的列数。据我了解 100% 被视为父级的宽度。问题是最后，我没有得到我所期望的，知道为什么吗？

我一直在使用calc()CSS 属性，但对此我有一个疑问：

就像您在我试图减去的代码中看到的那样-它用于响应模式100%的导航，但显然它不起作用，有没有办法做到这一点？WIDTHrem

我正在测试一个通过微类指定数字的 CSS 框架。例如，类似的东西<div class="fifty percent wide">可能会翻译成width: 50%. 该实现使用 CSS 变量（自定义属性）。

考虑以下 CSS：

这一切都很好，效果很好。问题是我想编写一个测试套件，该套件将验证fifty percent结果是否--percent为50%. 不幸的是，如果我getComputedStyle用来检查 的值--percent，我会看到整个（未解析的、未计算的）“calc”字符串。如果我检查 的值width，我会得到已经解析的值，例如“512px”。

有没有办法以编程方式获取和验证自定义 CSS 属性的已解析计算值？还是一个 API 来强制评估“calc”表达式？

我已经使用 calc 函数设置了元素的宽度，如下所示

在 Chrome 中，IE 中的计算宽度为 412.663px，但它被计算为 412.67px，因此在 IE 中，最后一项推送到下一行/行。

如果我手动将 IE 中的宽度设置为 412.663px，则项目按预期显示在一行中。这意味着在 IE 计算宽度中舍入小数是这里的一个问题。

知道如何获得与 Chrome/Firefox 一样精确的 IE 计算宽度吗？

calc()在 JavaScript 中设置位置时可以使用 css函数吗？

我在我的应用程序中遇到 CSS 布局问题，并使用jsFiddle重现它。

基本上，它非常简单，如下所示：

标题 div 设置为固定高度50px，我希望主 div 可以占据剩余高度，所以我使用calc(100% - 50px).

但结果对我来说有点奇怪。生成的高度不准确，生成了垂直滚动条。我检查了边距或填充，没问题。

我想要的结果是整个页面分为两部分。并且没有产生滚动条。