如何计算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网站,您需要更改等式的顺序

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

@var: 1px + 5;

6px在这种情况下,LESS将使用该单位进行最终输出.

它应该是:

width: 100%*(140/620);

Answer 2

percentage当OP提出要求时,可能该功能不存在,但为了将来参考,我添加了这个答案.

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