当前位置：九州下载 > 建站问答 >

css定位叠放次序是什么意思

时间：2023-02-25 12:59编辑：九州下载来源：www.wzjsgs.com

说明

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中固定定位fixed是什么意思