问题标签 [calc]

我今天在一次讨论中出现，我想知道将两个 div 放在一起的最高效的方式是什么。

一方面，我喜欢使用display:flex;，另一方面有使用的选项calc()，原因是我们的 div 有填充，我们需要通过填充来减小宽度。案子：

两者都应该是 50% 的宽度。默认的CSS是：

方式将display:flex;是额外的：

calc()方法是：

或者：

我不希望我的 CSS 中有任何表格布局。此外，我们不需要关心浏览器版本，这应该始终只在最新版本中起作用。

推荐使用什么？什么性能更高？

我已经找到一篇文章，性能已经提高了很多。关联

我不知道将包含多少.child元素.parent，但我知道它们各自的宽度。

我想将宽度设置.parent为等于（每个宽度.child）*（总数.child）

我不想使用floats和width: auto;

我可以在calc()不使用 Javascript 的情况下做些什么吗？

**CSS：**

HTML：

我正在使用 Visual basic 制作一个计算器应用程序作为我的第一个自分配项目，我希望它继续接受数字来计算可能多达一百个不同的数字，我不想为所有这些数字创建一个变量（更不用说这是否可行）。我看到的方式是，在运算符之间输入计算器的每个不同数字都将存储为不同的变量。这可能吗？也许可以解决？也许甚至是更好的方法！任何帮助表示赞赏！谢谢！

在更少的情况下，我有以下内容：

我想将左侧样式设置为此结果：

我使用 +1 以防我得到 0 并尝试将其除以 2

我似乎无法获得正确的价值，也无法确定我是否做得对。我试过了

仍然没有喜悦。我很感激一些帮助或一个很好的资源来解决这个问题......

所以我遇到了一个问题，浏览器与 vh、vw 单位兼容并与 calc() 兼容，但与 calc 中的 vh、vw 单位不兼容。所以我不确定如何使用modernizr 来测试那个特定的案例。

对此有什么想法吗？非常感谢！

因此，请查看以下代码片段：

在运行在 webkit 引擎上的 chrome 中，:after伪元素在这两种情况下都正确居中。

但是，在 Safari 中，calc(50% - 35px)似乎不起作用，并且伪元素与元素的右侧对齐。

我的问题是：有人知道为什么，考虑到 Safari 也是基于 webkit 的吗？根据MDN的说法， Safaricalc提供支持buggy，但没有解释原因。

我正在尝试制作一个简单的兴趣计算器，其中一个人输入一个数字（1 - 4）来计算他们想要计算的内容，然后输入给定的数字并获取缺失的变量。

代码：

我在编译过程中不断收到此错误（使用单声道）：

我目前正在开发一个布局，我必须在图像上使用负边距。图像在里面<div class="entry-content">，里面有一个填充。为了使里面的图像entry-content超出填充，我使用负边距。要将图像拉伸到<div class="entry-content">我使用 的width:calc(100%+margin).

但这并没有按预期工作 - 100% 似乎是图像的宽度而不是entry-content. 我希望图像的宽度相对于entry-content，因为图像将用于响应式布局。

我目前处于这个过程的早期阶段，所以我仍然有一个固定的宽度body。

HTML

CSS

代码：

好的，我到目前为止所做的代码，但这只是从数据库中获取数据并循环它，我想为最后 2 个 cols 做一些安排。

我得到了 posicao、desc、quantidade、unitario 的数据，但是对于 iliquido 和 total，我想做一些计算。

对于 iliquido，我想制作 unitario*quantidade 并在列上显示所有结果。

对于总数，我想用 iliquido 值的总数（例如=sum（2ndrow：lastrow））制作一行。

我正在尝试按比例缩放 div 及其旁边的图像。（这样图像总是 50% 宽度，高度按比例缩放，并且 div 需要在高度和宽度上表现得完全相同）

我的代码示例可能更容易理解：http ://codepen.io/anon/pen/myKZJE?editors=110

请注意，它比上面的要复杂一些，我还需要将 div 包装 3 次。

问题 = IE 有时会执行 calc()，但有时会忽略 calc，所以布局一团糟。我可以在不使用 calc() 方法的情况下获得相同的效果（div 与图像一起缩放）吗？

提前致谢。