css - IE 中的 Calc 函数舍入值并使元素推送到下一行

Question

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

width: calc((100% - (2rem * 2)) / 3);

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

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

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

Answer 1

尝试使用 100vw 而不是 100% 进行计算:width: calc((100vw - (2rem * 2))/3);.

我想，这应该可以解决问题。