我怎麼可以注入一些圖片，而無需移動下面

Question

的項目，我有以下代碼：

<br/> <div id='people'></div> <br/> 
    a bunch of text . . 

所以格是空的人開始，然後我的JavaScript（在AJAX回調的後端填充該div像這樣的東西：

$("#people").html(data.results) 

其中data.results是一堆像HTML（。」等）的

的問題是，當圖像顯示出來，這下推「包子文字「部分，它看起來有點跳動。我希望它提前放置空間，所以當調用.html（）方法時，它只是使用此圖像html填充DOM，但不會移動或移動頁面上的其他任何內容。

Answer 1

如果你知道所產生的圖像將有多少空間大的需要，你會給這個通過CSS min-height div的初始高度：

比

<br/> <div id='people' style='min-height: 250px;'></div> <br/> 

其他，不是真的。當你向你的div添加內容時，它會放大並推開其他東西。

Answer 2

有兩種方法可以實現此目的。第一是要申報的，將設置的高度CSS規則（或最小高度）的#people DIV的，如果你知道內容的高度來。

#people { 
    min-height: 200px; 
} 

另一種選擇是允許#people div內容如果溢出內容區域就會滾動。這可能會或可能不會達到預期的效果。 （CSS）

#people { 
    width: 400px; 
    height: 300px; 
    overflow: auto; 
}