Jquery CSS如何在动态填充的div列中获取垂直滚动条

Jquery CSS如何在动态填充的div列中获取垂直滚动条,jquery,css,ajax,scrollbar,overflow,Jquery,Css,Ajax,Scrollbar,Overflow,我有两个浮动列: <div class="content"> <form method="post" autocomplete="off" action=""> <h3> New </h3> <div class='lineContainer'> <div class="left"> <table id=form class='form-container lefttable'>

我有两个浮动列:

<div class="content">
    <form method="post" autocomplete="off" action="">
        <h3>
New
</h3>
<div class='lineContainer'>
<div class="left"> 
<table id=form class='form-container lefttable'>
                <tbody>
                ...
                </tbody>
</table>
</div>
<div id="history" class="right">
<h3>History</h3>
<table>
      <th>Date:</th><th>Note</th>
</table>
</div>
</div>
<input type="submit" value="add" />
    </form>
</div>
历史记录表通过AJAX填充:

$('div#history td').remove()
            $.get('some url,{some params},
            function(data){
                $.each(data, function (i, item) {
                            $('div#history table').append('<tr><td>'+item.data+'</td>  <td>'+item.note+'</td></tr>');
                        })
            });
$('div#history td')。删除()
$.get('someurl,{someparams},
功能(数据){
$。每个(数据、功能(i、项){
$('div#history table')。追加(''+item.data+'+item.note+'');
})
});
我想第二个表有恒定的高度与滚动,如果需要,不能得到滚动条的工作。右边的div和桌子刚好伸展,为内容腾出空间

我想是因为ajax?
如何在任何桌面浏览器上使用该代码?

您没有指向使用该代码的功能站点的链接,是吗?没有-内部公司系统,但这是剪切复制粘贴。如果我裁剪了相关的东西,请让我知道。好吧,你有溢出:滚动;在div#history中,如果将其更改为overflow-x:hidden;overflow-y:scroll.试过了。为了清晰起见,我还删除了表和表体规则。删除
.lineContainer div
规则后,我得到了滚动条,但右列现在与左列重叠。我想我必须改变制作专栏的方法,才能让这一切顺利进行。是否有其他方法可以使左列的宽度固定,右填充父div宽度的其余部分?
$('div#history td').remove()
            $.get('some url,{some params},
            function(data){
                $.each(data, function (i, item) {
                            $('div#history table').append('<tr><td>'+item.data+'</td>  <td>'+item.note+'</td></tr>');
                        })
            });