将html宽度设置为宽度减去滚动条

Question

我遇到了一个网站问题，其中滚动条被各种模态禁用，导致网站百分比在模态处于活动状态时发生变化。

如何在没有滚动条的情况下使用html宽度编码网站以生成整个布局？然后，当模态处于活动状态时，不会进行CSS重新计算。

以下是我使用的代码：

        $(function() {
            $("html").css({
            "width": outerWidth()
          });
        });

但我认为语法有问题......

Answer 1

使用.outerWidth()包含滚动条的宽度：

$('body').innerWidth();

Answer 2

你必须告诉jQuery你想拥有outerWidth()的内容。在本案例中，我们可以使用$(this)，因为您已在上面的行中$("html")。

$(function() {
    $("html").css({
        "width": $(this).outerWidth()
    });
});

Answer 3

innerWidth的{​​{1}}不包含滚动条的宽度，但是body会：

outerWidth

Answer 4

找到解决方案......

http://jsfiddle.net/p88Rt/4/

我使用100％的outerWidth为标题定义了一个包装器，然后在其中放置一个相对元素。没有包装器并使用数学（80％* outerWidth）确定标头的宽度会更清楚，但不确定jQuery语法。

$(function() {
$("html").css({
    "width": $(this).outerWidth()
});
$("#header-outer").css({
    "width": $(this).outerWidth()
});