直接上代码演示：
CSS
#box2{
/*相对定位*/
position: relative;
left: 100px;
top: 50px;
/*绝对定位*/
position: absolute;
left: 100px;
top:50px;
/*只有定位属性position才有层级z-index的概念*/
/*可以决定当元素发生覆盖的时候,哪个元素在上面。通常一个较大的z-index值的元素会覆盖较低的那一个*/
z-index: 6;
}
| 相对定位： | |
| 1、相对于它原来的位置进行位置变化， | |
| 2、原来的位置还保留着 | |
| 绝对定位： | |
| 1、相对于离他最近的，有定位属性的父级元素进行定位 | |
| 2、它原来的位置不再保留 |
原文链接：https://www.qiquanji.com/post/7644.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知