在页面内容上方浮动div

我实现了一个弹出框，可动态显示搜索选项。我希望该框“浮动”在所有网站内容之上。当前，当显示该框时，它将替换其下方的所有内容，并且看起来很糟。

我相信我已经尝试将box的div的z-index设置为高于其余页面内容的z-index，但是仍然没有运气。

您要使用绝对定位。

绝对位置元素相对于具有非静态位置的第一个父元素放置。如果找不到此类元素，则包含的块为html

例如：

.yourDiv{
  position:absolute;
  top: 123px;
}

要使其正常工作，父级必须是亲戚（position:relative）

在您的情况下，这应该可以解决问题：

.suggestionsBox{position:absolute; top:40px;}
#specific_locations_add{position:relative;}