如何将calc值更改为固定值？

Question

假设，我已经多次在我的样式表中应用了这样的calc（）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+")");
}