通过绝对定位实现div重叠实例代码
导读：收集整理的这篇文章主要介绍了通过绝对定位实现div重叠实例代码，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <!DOCTYPE htML> <html> <head>...
收集整理的这篇文章主要介绍了通过绝对定位实现div重叠实例代码，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:
!DOCTYPE htML>
html>
head>
meta charset="utf-8" />
tITle> div重叠 叠加实例 未排层叠顺序 www.divcss5.COM/title>
style>
.div-relative { position: absolute; color: #000; border: 1px solid #000; width: 500px; height: 400px; right: 0; bottom: 0; }
.div-a { position: absolute; left: 30px; top: 30px; background: #F00; width: 200px; height: 100px}
.div-b { position: absolute; left: 50px; top: 60px; background: #FF0; width: 400px; height: 200px}
.div-c { position: absolute; left: 80px; top: 80px; background: #00F; width: 300px; height: 300px; }
/style>
/head>
body>
div class="div-relative">
div class="div-a"> 我背景为红色/div>
div class="div-b"> 我背景为黄色/div>
div class="div-c"> 我背景为蓝色/div>
/div>
/body>
/html>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 通过绝对定位实现div重叠实例代码
本文地址： https://pptw.com/jishu/584901.html