我的页面布局看起来像这样：

<style type="text/css">
#content-wrap
{
    margin: 0 auto;
    width: 800px;
}
</style>

<div id="content-wrap">
</div>

您会注意到，当垂直滚动条出现时，content-wrapdiv会稍稍移动其位置。一种情况是浏览器开始逐渐呈现页面而不显示垂直滚动条，然后确定需要滚动条，因为内容比“折叠”高。这会将div向左移动约10像素。

在 不强制浏览器始终显示滚动条的情况下 解决此问题的最佳方法是什么 ？