Jquery宽度减去与IE兼容的像素

Question

我正在尝试使用Jquery来计算我的div的宽度减去px gutter。我知道这已被一遍又一遍地问过，但我找到的答案与IE不兼容。

因此，CSS calc不会这样做。我目前使用的代码是：

$('.left').css('width', '100%').css('width', '-=40px');

但这也不适用于IE。

欢迎您的想法！

非常感谢！

Answer 1

$('.left').width(function() {
    return ($(this).parent().width() * 0.35) - 40;
});

宽度为100％表示该元素与其父元素一样宽，因此只需从该元素中减去40px

Answer 2

$('.left').css('width', '100%').width($('.left').width() - 40);

修改 对于多个元素：

$('.left').css('width', '100%').width(function(){
    return $(this).width() - 40;
});

Answer 3

var $left = $('.left');
$left.css('width', '100%').width($left.width() - 40);