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

Question

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

CSS：

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

我使用以下jquery设置right div container的宽度：

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

这样工作正常并且div都填充整个屏幕而没有任何水平滚动条。垂直滚动条发生在right div内的内容高度超过100％（屏幕高度）。由于此垂直滚动条right div宽度溢出屏幕，并且当右div宽度增加时出现水平滚动条。如何克服这一点，因为我认为在有和没有垂直滚动条的情况下视口宽度存在差异。

Answer 1

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

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

它将解决部分问题。

Answer 2

检查this answer，您将获得滚动条宽度。使用此值，您将能够设置正确的div位置。