div的滚动条未正确显示（已移位）

Question

如图所示滚动条被移位，不知道为什么..内容div具有从导航栏底部到浏览器窗口末尾的高度。

这是缩短的代码：

<div id="bar">
   <-- BarContent -->
</div>
<div class="content">
</div>

的CSS：

#containerContent .center .content
{
    padding-left: 30px;
    padding-top: 25px;
    padding-right: 30px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 1px;
}

我的div的高度是用jquery

设置的

$(document).ready(function () {
    $('#content').height($('#containerContent').height() - $('#bar').height());
}

我知道： *这不是用jquery调整大小的问题（在css中用正确的高度测试它） * div占用了所需的所有空间

任何人都有想法或解决方案让我的滚动条显示正确吗？

感谢

更新

感谢Jeremy Voges，这个解决方案有效click。

但有没有可能在IE中适应滚动条高度？ firefox safari等工作

Answer 1

请检查此link。这将帮助您解决滚动问题。有多种方法可以做到这一点。希望这会帮助你......谢谢