老师你好，代码在下面，为什么红色块是出现在网页右下角？而不是在它父标签蓝色右下角？

<!DOCTYPE html>
<html>
<head>
 <meta charset=utf-8>
 <title>油画商城</title>
 <link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
 <div class="A">
 <div class="B"></div>
 </div>
</body>
</html>

*{
 margin:0;
    padding: 0;
}
.A{
 width: 500px;
 height:500px;
 background-color: blue;
}
.B{
 width: 100px;
 height: 100px;
 background-color: red;
 position: absolute;
 bottom: 0px;
 right: 0px;
}

慕朵云 2020-03-16

源自：CSS定位 6-2 选择练习

收起

2回答

好帮手慕小班 2020-03-16 10:42:26

同学你好，当父元素没有设置定位时，子元素设置了绝对定位(absolute)后会向上找定位元素，如果没有，则会相对于html定位，或者说整个网页，如果父元素加了定位，则子元素相对于父元素定位。所以可以给父元素添加定位，就可以实现红色设置到蓝色右下角。例如：

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

收起回答

qq_慕丝6288745 #1

老师，你好！明明父元素有定位呀，是绝对定位，子元素的固定定位为何还在浏览器右下角呢

2021-08-15 11:56:21
好帮手慕小班回复 qq_慕丝6288745 #2

同学你好，同学的意思是，自己就在父元素中添加了relative后，红色模块还是在网页右下角吗？
如果是，同学在修改完成后，是否保存了文件呐？如果没有，建议同学保存文件后，再来试试。
如果还是不可以，同学可以将自己的代码以复制粘贴的形式贴出，老师来尝试复制测试下。
祝学习愉快~

2021-08-15 16:47:30