让一个div浮动到另一个？

Question

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

Answer 1

使用position:absolute;并设置"弹出"一个位于另一个边界内."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;
}