CSS - 动态计算宽度

Question

我遇到width: calc(25% - 20px + 5px);

我无法通过谷歌找到任何答案。我想知道如何让每行三个盒子的宽度为410px，因为现在它返回4个宽度小于410px的盒子。

任何帮助或见解将不胜感激。

Answer 1

此方法将整个表达式解析为单个值，然后将其应用于该元素。

您尝试做的事情是先将父元素的25%计算为整数值，然后再转到下一个操作数。然后计算结果并适用。

我认为，您需要减少父元素的width属性。然后，您将看到三个宽度为410px的复选框。

其次，您还可以在计算宽度的结果时尝试确保表达式是准确的。

试试这个小提琴：http://jsfiddle.net/afzaal_ahmad_zeeshan/D6sQ5/看看calc()方法的工作原理。