CSS-將固定寬度更改為計算寬度

Question

我可以使用JS合法地更改CSS寬度嗎

width: 100%

至：

width: calc(100% - 180px);

即CSS3 calc函數在JS將其插入屬性后是否可以工作？

可能有更好的方法（浮動等），但這是由於左側導航欄的出現所致。 這也可以與JQuery方法一起使用來設置寬度嗎？

Answer 1

我不能保證$().width('calc()')兼容性，但是如果直接將其設置為寬度樣式，它應該可以工作。

$('myselector').css('width','calc(100% - 180px)');

但是，有什么原因不能將其直接放在CSS中嗎？

Answer 2

我認為您應該通過其他方式來解決這個問題。 以下是一些選項：

• 設置box-sizing: border-box; 在元素上，並在左側添加180px的填充。
• 為內容包裝器（不包含導航欄）提供180px的左側填充。

注意： box-sizing: border-box可以說是所有元素的首選屬性，因為它在設置填充和邊框時不會弄亂您的寬度。

Answer 3

嘗試這個 ：

Some of the browsers not support calc(); so please try following jquery 
$('your id').css('width', '100%').css('width', '-=100px');