css – 浮动页面内容的div

前端之家收集整理的这篇文章主要介绍了css – 浮动页面内容的div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我实现了一个动态显示搜索选项的弹出框。我想让框“浮动”所有的网站内容。目前,当该框被显示时,它移位它下面的所有内容,看起来不好。

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

解决方法

你想使用 absolute positioning

An absolute position element is
positioned relative to the first
parent element that has a position
other than static. If no such element
is found,the containing block is
html

例如 :

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

要使它工作,父需要是相对的(位置:相对)

在你的情况下,这应该做的诀窍:

.suggestionsBox{position:absolute; top:40px;}
#specific_locations_add{position:relative;}
原文链接:https://www.f2er.com/css/222162.html

猜你在找的CSS相关文章