如何計算LESS CSS的百分比？

我想計算子容器（div等）的寬度，具體百分比取決於父容器LESS CSS。如何計算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%; 
}

任何提示非常感謝。

'100％== 1'，所以數學是有道理的。 – zzzzBov 2012-01-06 18:00:07

根據您的輸入，輸出看起來很合適。 – scottheckel 2012-01-06 18:01:28

@zzzzBov 謝謝，我嘗試使用* 10000％爲了移動decal點，它的工作原理，但不知何故％符號被刪除每次。儘管底層示例是我需要的解析輸出。 – HappyElephant 2012-01-06 18:04:38

按照LESS CSS website，你需要改變你的公式

輸出是相當多，你有什麼期待-LESS理解的色彩和單位之間的差異的順序。如果一個單元在操作時，用於像：
@var: 1px + 5; 
LESS將使用該單元，用於在這種情況下，最終輸出 - 6px。

它應該是：

width: 100%*(140/620);

2012-01-06 18:12:43 zzzzBov

謝謝@zzzzBov，你完全解決了它！ – HappyElephant 2012-01-07 02:45:07

也許當OP是問percentage功能不存在，但以供將來參考我補充這個答案。

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

2014-05-15 13:07:41 anddoutoi

僅供參考。我試過 '百分比（（@ index/10） - 0.01）;' 它不起作用我不得不添加更多括號 'percentage（（（@ index/10） - 0.01））;' 說話是因爲也許有人想像我一樣做更多「困難」的數學，而不僅僅是一個部門。 – 2016-09-22 16:05:16

回答