请问老师,为什么会直接覆盖
来源:2-7 编程练习
慕侠5377094
2020-05-27 12:05:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
}
.blue{
width: 100px;
height: 100px;
background: blue;
/*在此处添加相应代码*/
position: relative;
top: 50px;
left: 50px;
}
.red{
width: 100px;
height: 100px;
background: red;
}
</style>
</head>
<body>
<div class="blue"></div>
<div class="red"></div>
</body>
</html>
1回答
同学你好,覆盖是指如下:蓝色的在红色的上面了吗?

这是因为设置了相对定位。相对定位会使元素的层级提升,使元素可以覆盖文本流中的元素,所以覆盖到了红色的上面。
如果不是指这里,可以详细的描述下。
祝学习愉快~
相似问题