如何让一个div悬浮在另一个div上面，在线等

发布网友发布时间：2022-04-20 01:43

我来回答

共3个回答

热心网友时间：2023-09-22 13:55

实现的方法和详细的操作步骤如下：

1、首先，创建两个div，如下图所示，然后进入下一步。

2、其次，完成上述步骤后，需要给其Class属性，如下图所示，然后进入下一步。

3、接着，完成上述步骤后，使用CSS通过Class属性为其设置样式，如下图所示，然后进入下一步。

4、然后，完成上述步骤后，需要给其一个宽度和高度，再加上边框，如下图所示，然后进入下一步。

5、随后，完成上述步骤后，设置非悬浮div的样式，然后为其设置背景颜色，如下图所示，然后进入下一步。

6、接着，完成上述步骤后，设置悬浮div的样式，该样式需要绝对定位，设置其位置，如下图所示，然后进入下一步。

7、然后，完成上述步骤后，要设置浮动div的位置，需要使用top和left，详细信息见下图，然后进入下一步。

8、最后，完成上述步骤后，返回页面查看效果，如下图所示。这样，问题就解决了。

热心网友时间：2023-09-22 13:56

如果只是单纯的一个浮动到另一个上面，就用相对绝对定位，如果要跟日历一样的话，就要使用js了

绝对定位相对定位

* { margin: 0; padding: 0; }
.fj1 { width: 150px; position: relative; height: 150px; border: 1px solid #000; background: #999; margin: 0 auto; }

热心网友时间：2023-09-22 13:56

// HTML
<div class="a1">父类
<div class="b1">子类<div>
<div>

// CSS
.a1 {
  position: relative;
  background: #000;
}
.b1 {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #999;
}

首页

文章

如何让一个div悬浮在另一个div上面，在线等