jquery - 由于垂直滚动条，如何克服 jquery 中的窗口宽度错误

Question

在我的布局中，我有两个容器右 div 和左 div。

CSS：

 #left {float:left;position:relative;width:300px;height:100%}
    #right {float:right;position:absolute;height:100%;margin-left:300px;}

我已经为right div container使用以下 jquery 设置了宽度：

         var right_width = ($(window).width() - 300)
         $("#right").css("width",right_width);

这很好用，两个 div 都填满了整个屏幕，没有任何水平滚动条。垂直滚动条出现在内容高度right div 超过 100%（屏幕高度）的情况下。由于这种垂直滚动条right div宽度溢出屏幕，水平滚动条会随着右 div 宽度的增加而出现。如何克服这个问题，因为我认为有和没有垂直滚动条的视口宽度存在差异。

Answer 1

实际上，我的项目中有类似的问题。

一般来说，我没有找到让我满意的方法。我所做的是减少右（或左）div 的宽度，以手动为垂直滚动条腾出空间。

它将解决部分问题。

Answer 2

检查这个答案，你会得到滚动条的宽度。使用此值，您将能够设置正确的 div 位置。