CSS - 动态计算宽度

Question

4

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

我在谷歌上没有找到任何答案。我想知道如何使三个盒子的宽度都为410px，因为现在返回给我的是小于410px的4个盒子。

非常感谢您的帮助和见解。

- kittymeows

谷歌搜索技巧 ^^："mdn calc", "site:webplatform.org calc"。其他有用的属性资源：http://caniuse.com（具有兼容性和资源链接），当然还有在SO上。 - FelipeAls

也许你不需要使用CSS3计算（calc）。盒模型布局胜利（还有 CSS tricks上的盒模型布局）。 - FelipeAls

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Afzaal Ahmad Zeeshan · Accepted Answer

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

你想要做的事情是首先计算父元素的25％作为整数值，然后继续下一个操作数。然后计算结果并应用。

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

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

尝试这个fiddle：http://jsfiddle.net/afzaal_ahmad_zeeshan/D6sQ5/ 看看calc()方法如何工作。