如何將calc值更改爲固定值？

Question

想，我在我的樣式表多次施加計算（）CSS是這樣的：

div{width: calc(100% - 200px);} 
div.test{height: calc(100% - 300px);} 

，但我想這些寬度和高度，這樣

div{width: 100200px;} 
div.test{height: 100300px;} 

我需要改變一個固定的寬度這與jQuery的一些棘手的方法。但是應該改變這個寬度應用calc(100% - 200px);，比如使用過濾器函數。

Answer 1

你不能在樣式表中，但通過這樣

$('div').css({width:"someValue"}); 

也可以達到相同的結果更改值。

Answer 2

我做了它，它工作的成功地：

HTML

<div class="testClass"> 

</div> 
<input type="button" value="change width" onclick="testClick();"/> 

CSS

.testClass 
{ 
    width: 100px; 
    height: 50px; 
    background-color: Green; 
} 

的JavaScript

function testClick() { 

    var value = "200px"; 
    $("div").css("width", " calc(100% - "+value+")"); 
}