Question

有人可以建议我解决这个问题。我有一个div id="container" height="500px"，我在$('#conatiner).append('generated new div with some id and height');附加了几个新的div。问题是当插入的div的总和大于500px时，我的第一个插入的div变得不可见（height=0px）。怎么解决这个问题？

Answer 1

你确定吗？我试过这个设置：

CSS

#container{
    height:500px;
    background-color: yellow;
}
#mine{
      background-color: green;
}

HTML

<div id="container">

</div>
<button id='button'>click</button>

JQuery的

$('#button').click(function() {
    var div = $('<div>', {height: '200px', id: 'mine'});
    $('#container').append(div);

});

我无法复制你的问题。

在这里小提琴：http://jsfiddle.net/nicolapeluchetti/CHJWP/

Answer 2

不确定为什么它会消失，它应该只是扩展到盒子外面。

在开始追加之前，您是否需要将容器div设置为高度？如果没有，我会删除它。

如果您希望容器div为固定高度;将overflow-y:auto;添加到应用于#container的css中，当内容超过500px时，这会向#container div添加一个滚动条（认为这仍然适用于jQuery）。

否则，如果#container div可以增长，我会在#container的css中使用min-height，这会在您添加越来越多时将所有内容都降下来。

当高度大于容器时，Div附加问题

2 个答案: