如何计算LESS CSS中的百分比？

Question

我想以百分比计算子容器（div等）的宽度，具体取决于具有LESS CSS的父容器。

我正在使用Ethan Marcotte的论坛： target / context = result 。

父容器：620px
儿童容器：140px

我正在使用这个计算：

div.child-container {
    width: (140/620)*100%;
}

然而输出是：

div.child-container {
    width: 0.2258064516129;
}

我想将小数点移动两位数并添加％，如下所示：

div.child-container {
    width: 22.58064516129%;
}

任何提示都非常赞赏。

Answer 1

根据LESS CSS website，您需要更改等式的顺序

  

输出几乎是你所期望的 - LESS理解颜色和单位之间的差异。如果在操作中使用单位，例如：

@var: 1px + 5;

     

在这种情况下，LESS将使用该单位作为最终输出 - 6px。

应该是：

width: 100%*(140/620);

Answer 2

当OP提出要求时，可能percentage函数不存在，但为了将来的参考，我添加了这个答案。

div.child-container {
    width: percentage(140/620);
}