本文通过一个具体的示例展示了如何使用CSS来设置元素的位置及层级关系，包括使用相对定位和不同z-index值来控制元素的堆叠顺序。
z-index为子项设置负数，并删除父项上的一组。
.parent {
position: relative;
width: 350px;
height: 150px;
background: red;
border: solid 1px #000;
}
.parent2 {
position: relative;
width: 350px;
height: 40px;
background: red;
border: solid 1px #000;
}
.child {
position: relative;
background-color: blue;
height: 200px;
}
.wrapper {
position: relative;
background: green;
height: 350px;
}
parent 1 parent 1
child child child
parent 2 parent 2
https://jsfiddle.net/uov5h84f/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
