HTML5 如何让一个div浮在另一个div上？_随笔

</video>

</div>

<style>

.bg {position: relative}

.fd_gif {position: absolutez-index:99top:0left:0}

</style>

设置div样式 z-index:auto

auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:999。

前提是div是定位元素代码实例如下：

1、<html>

2、 <body>

3、<style type="text/css">

3、.div1{ width: 200px height: 100px background: red float: left }

5、.div2{ width: 300px height: 350px background: yellow }

6、</style>

7、 <div class="div1"></div>

8、<div class="div2"></div>

9、 </body>

10、</html>

扩展资料

一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘 *** 作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。

标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

参考资料

百度百科-html

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

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

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

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

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

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

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

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

欢迎分享，转载请注明来源：内存溢出

HTML5 如何让一个div浮在另一个div上？