當容器的高度較大時，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附加問題

回答

相關問題