Css Div-won'；不要把内容往下推

我有一个用ajax填充的div。问题在于，当向div添加元素时，div超出了页面的范围。内容最终被隐藏，我无法滚动查看内容。如何让div将页面向下推

下面是我用来填充div的代码：

function draw(){

    var fName,memType,price,gTotal=0;

    var tbl = '<table class="table table-striped table-condensed optOutTable" width="100%"><tbody>';

    for (var i=0, tot=cart.length; i < tot; i++) {

        fName = cart[i][2];
        memType = cart[i][3];
        price = cart[i][4];
        gTotal = gTotal+parseFloat(price,10);

        tbl+= '<tr><td><a href="#" class="btn btn-danger btn-mini" onclick="removeFromCart(\'\',this); return false;">x</a></td><td nowrap>'+fName+'</td><td width="100%">'+memType+'</td><td>$'+parseFloat(price,10).toFixed(2)+'</td></tr>';      

    }

        tbl+= '</tbody><tfoot><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>$'+gTotal.toFixed(2)+'</td></tr></tfoot></table>';

        $('#cart').html(tbl);

}

函数绘图（）{
变量fName，memType，price，gTotal=0；
var-tbl=''；
对于（var i=0，tot=cart.length；i

以下是html的外观：

<div>
<div id="cart">Your cart is empty.</div>
</div>

你的车是空的。

试试这个：

<div>
    <div id="cart" style="overflow:hidden; overflow-y:scroll; max-height:500px;">Your cart is empty.</div>
</div>

你的车是空的。

---

您可以更改

max height

任何您想要的值

在div上有CSS吗？

overflow

是否被设置为

hidden

？恰巧有与之配套的css？嘿，伙计们。。。实际上，没有css附加到该div元素。另外，刚刚尝试将溢出设置为隐藏，但没有成功work@DamienAdrian的意思是确保div上没有隐藏溢出。使用firebug或其他开发工具查看cart容器，看看是否有任何不需要的样式造成了这种行为。我非常怀疑js正在做这件事，cartContainer有溢出：隐藏，我知道你在做什么。我本打算做这件事作为最后的手段。我真的很想让内容向下推，特别是因为最终，购物车下会有一个表单。所以，把你的div放在内容之间，不管你想推什么内容。另外，在页面加载时，以及在生成内容后调用

draw（）

方法时，使div

显示：none

，使其可见并放置动态购物车项目。这样它会把你的内容往下推！这是你的要求还是别的什么？我想也是这样。让我创建一个虚拟表单，看看它是什么样子的irl。我会尽快给你回复，在表格和内容之间进行切换！伙计。。。真不敢相信，真让人头疼。非常感谢，伙计，我不知道为什么它不起作用。谢谢你所做的一切！你能编辑你的答案，这样我就可以检查它，并给你学分。太好了！如果答案解决了你的问题，你能接受吗！