如果祖先元素有定位(相对、绝对、固定)定位,则以最近一级的有
定位祖先元素为参考点移动位置
例子如下
style>
*{
margin: 0;
padding: 0;
}
.father{
/*给父亲添加定位*/
/* position: relative; */
width: 500px;
height: 500px;
background-color: skyblue;
}
.son{
/*------------- 加绝对定位---------- */
position: absolute;
bottom: 0;
left: 0;
width: 200px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<div class="father">
<div class="son">
</div>
</div>
</body>
运行结果:
下面给父亲添加的运行情况: