说明
1、使用定位布局时，盒子可能会重叠。
2、z-index可以用来控制盒子的前后顺序(z轴)。值可为正整数、负整数或0，默认auto，值越大，盒子越高。
若属性值相同，则按书写顺序，后来居上。
单位不能在数字后面添加。
只有定位盒具有z-index属性。
实例
<head>
<style>
.parent{
position:relative;
width:300px;
height:300px;
border:1pxsolid#4c4c4c;
}
.box1,.box2,.box3{
position:absolute;
width:100px;
height:100px;
}
.box1{
background-color:hotpink;
}
.box2{
background-color:khaki;
}
.box3{
background-color:lightcoral;
}
</style>
</head>
<body>
<div>
<div>1</div>
<div>2</div>
<div>3</div>
</div>
</body>
以上就是css定位叠放次序的介绍，希望对大家有所帮助。更多css学习指路：css教程
原文来自：https://www.py.cn© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
暂无评论内容