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