让一个div浮动到另一个？

Question

我在页面上有两个div元素。 我怎样才能让一个div像弹出窗口一样漂浮在另一个div上？换句话说，div2（弹出窗口）将覆盖div1（父级）区域的某些部分。

Answer 1

使用position:absolute;并将“popup”设置为位于另一个边界内。 “popup”div也可能更小。

使用z-index将“popup”堆叠在另一个之上（为z-index提供更高的值）。

如果你想让它看起来像内部div真的漂浮在另一个之上，那就用border-right:2px solid black和border-bottom:2px solid black创建一个阴影。

如果你想让它实际弹出/显示/消失，你需要使用一些脚本。

Answer 2

我认为将position设置为fixed会使其保持可见状态，即使用户滚动也是如此。您可以使用“顶部”，“左侧”和“右侧”属性设置位置。我用于“beta”徽标的CSS基本上可以满足您的要求：

.fixed{
    position:fixed;
    top:0px;
    right:0px;
    width:100px;
}

Answer 3

然后使用css的z-index属性：

div1 {
  z-index:1000;
}

 div2 {
 z-index:1001;
} 

最高的z-index元素将显示在顶部。