如何让一个DIV浮动在另一个DIV上面

如何让一个DIV浮动在另一个DIV上面,第1张

实现的方法和详细的 *** 作步骤如下:

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

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

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

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

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

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

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

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

1、首先需要做的就是创建两个div。

2、创建了div后,需要分别给它们Class属性。

3、接下来,使用css,通过Class属性给它们设置样式。

4、需要给于它们一个宽度与高度,为了便于观察,可以给它们一个边框。

5、接下来,先给不悬浮的div设置样式,给它设置一个背景颜色。

6、接下来设置悬浮起来的div的样式,需要先将其进行绝对定位。设置其position。

7、接下来,设置浮动div的位置,需要使用到的是top与left.具体如下图所示。

8、设置完毕后,返回页面即可看到效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11369912.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存