如何正確使用css的「calc（）」ng樣式

我有以下內聯樣式使用Angular的ng樣式和css的「calc（）」，但它不起作用。誰能告訴我什麼是錯的？如何正確使用css的「calc（）」ng樣式

// my jade file has a class named '.logo-area'. 
.logo-area(ng-style="{'right':'calc(100% -'+({{fixedWidth}}+'px') +')'}")

2015-10-14 zihaow

看起來您至少需要在減號後留出額外空間。 – Shikkediel

對。 calc上的[MDN]（https://developer.mozilla.org/en/docs/Web/CSS/calc）頁面具體提到：「例如'calc（50％-8px）'的操作數將被解析作爲一個百分比，然後是一個負長度，一個無效的表達式「 –

.logo-area(ng-style="{'right': 'calc(50% - '+{{fixedWidth}}+'px'+')'}")

將解決這個問題。

2015-10-14 21:07:49 zihaow

你應該解釋爲什麼改變百分比將解決問題。 –

區別在於刪除了一對括號。 – semiintel

回答