一般来说绝对定位的盒子
写在下面的div会覆盖上面的div,即浮在上面
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title></title>
<style>
.max{
position: relative;
width: 200px;
height: 200px;
}
.box{
position: absolute;
width: inherit;
height: inherit;
}
</style>
</head>
<body>
<div class="max">
<div class="box1 box">1</div>
<div class="box2 box">2</div>
<div class="box3 box">3</div>
</div>
</div>
</body>
</html>
父盒子添加了相对定位
子盒子的三个绝对定位
就会是3在最上面其次是2最后是1
此时我们想改变盒子的覆盖顺序除了改变书写的顺序
还可以直接给子盒子添加z-index的值来改变
值大的自然就在上面了