Javascript 如何在不移动下面的项目的情况下注入一组图像

我有以下代码：

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

其中data.results是一组图像html（“、等…”）

---

问题是，当图像显示时，这会向下推“一串文本”部分，它看起来有点神经质方法，它只使用此图像html填充DOM，但不移动或移动页面上的任何其他内容。

如果您知道生成的图像需要多大的空间，您可以通过css

min height

为该div指定初始高度：

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

---

除此之外，不是真的。当你向div中添加内容时，它会放大并将其他内容推到一边。

有两种方法可以实现这一点。第一种方法是在CSS中声明一条规则，如果你知道输入内容的高度，可以设置“人物”div的高度（或最小高度）

#people {
    min-height: 200px;
}

另一种选择是允许#people div内容在溢出内容区域时滚动。这可能会或可能不会达到预期效果。（CSS）

CSS:

#人{身高：100px；溢出：自动；}

。问题解决了吗？

#people {
    min-height: 200px;
}

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