为什么js注入html后，我的元素会被推送出页面？

Question

我做了一个简单的搜索引擎，用来搜索我所在学院的教师信息。当搜索结果有限的时候，它工作得很好，但是当搜索结果很多的时候，JS将它们很好地注入到DOM中，但是它却将其他元素（如搜索栏和标题）从页面上推了下来。

要明白我的意思，搜索一个像 "MURUGAN "这样的名字，它看起来很好。

但是当你搜索像 "M "这样更通用的名字时... 很明显，它显示了很多结果（有相当多的人以M命名），这对我来说并不重要。我不想限制结果的数量。但是这些数量庞大的结果所做的就是把标题和搜索引擎从页面上推开。

你甚至可以暂时测试一下 https:/vit-faculty-search-ef30b.web.app。

你可以看到我的ui.js文件正在使用insertAdjacentHTML将这些结果推送到页面上。但是为什么会把我的其他内容推送到页面外呢？

Answer 1

在你的class="container main-container".你已经把display设置为flex .设置为block.你可以在你的class="container main-container".你可以在你的class="container main-container".你已经把display设置为flex .设置为block.