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

有人可以为我提出解决此问题的方案。我有一个div id="container"与height="500px"，我追加了几个新divs，就像$('#conatiner).append('generated new div with some id and height');那样。问题是，当插入的div的总和大于500px时，我的第一个插入的div变得不可见（height=0px）。如何解决这个问题？当容器的高度较大时，Div附加问题

来源

2011-08-04 Ivana

你确定我尝试这样设置：

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/

来源

2011-08-04 09:14:01

我应该怎么做父容器与新项目的追加增长？ –

@RodrigoJuarez \t 每次添加新项目时，只需增加容器的高度即可。 jsfiddle.net/CHJWP/2 –

不知道为什么它会消失，它应该只是扩大框外。

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

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

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

来源

2011-08-04 09:22:01

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

回答

相关问题