如何计算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); 
}