内容不会停留在 div 内

Question

希望我看起来不是一个有这个问题的新手开发人员，但我似乎一辈子都找不到正确的技术组合来实现这一点。本质上，当在移动视图中时，我有一个div，它填充了搜索后的图像数据，当这种情况发生时，我的所有菜单图标都会被推到其他地方，而不是停留在原地。图像数据不应该局限于div吗？我尝试过绝对位置、固定位置、溢出：隐藏、以像素为单位对高度进行硬编码，使用flex wrap和其他flex属性等。到目前为止，一切都不起作用。点击此处查看：https://craftyquotes-bja.herokuapp.com/点击相机按钮，搜索任何图像类型，看看会发生什么。这就是问题所在。任何正确方向的提示或指示都将不胜感激！

Answer 1

您有一个类"pic渲染"；内部"；pic render"；，我不知道为什么，但我认为没有必要。向嵌套的div标记添加一对属性。

<style>
.form_container {
height: 5vh;
overflow: hidden;
}
.image_container {
height: 63vh;
overflow: auto;
}
</style>
<div class="pic-render">
<div class="form_container">
<form>
<input type="text" autocomplete="off" name="searchValue" placeholder="Search Images">
<button>SEARCH</button>
</form>
</div>
<div class="image_container">
<img src="">
...
<img src="">
</div>
</div>