子div使用了绝对定位，父div没有使用定位（相对定位）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*完善下列代码*/
.per{
width: 300px;
height: 300px;
background: red;
margin-left:200px;
margin-top: 200px;
}
.son{
width: 100px;
height: 100px;
background: blue;
position: absolute;
top: 100px;
left:100px;
}
</style>
</head>
<body>
<div class="per">
<div class="son"></div>
</div>
</body>
</html>
老师，这里我把父div的相对定位去掉了，为什么蓝块就跑到红块外面去了？不是说，绝对定位是相对于父一级的吗？那这里，父一级没加相对定位，绝对定位怎么就没有参照父一级了？也就是说，如果父一级不加相对定位，绝对定位就不会参照父一级？可是视频里说，绝对定位是参照直接父一级的啊，怎么矛盾了？7
收起
正在回答
2回答
同学你好，同学的理解有点问题，相对是相对于父div定位的，如果父div移动，那么子div也会跟着父div移动的。如果父div固定不动，子div设置相对定位，是相对于原来的位置进行定位。
如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~
2. 从网页搭建入门JavaWeb
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星