请老师检查作业
来源：2-7 编程练习
慕爷1441759
2019-08-23 16:54:32
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
padding: 0;
margin: 0;
}
.blue{
width: 100px;
height: 100px;
background: blue;
margin-top: 50px;
margin-left:50px;
z-index:0;
/*在此处添加相应代码*/
}
.red{
position: relative;
width: 100px;
height: 100px;
background: red;
margin-top: -100px;
margin-left:50px;
z-index:-1;
}
</style>
</head>
<body>
<div class="blue"></div>
<div class="red"></div>
</body>
</html>
1回答
-
同学你好，
代码实现效果如下：
与给出的效果不符合哦，需要调整margin值，如下：
把红色块向上移动50px即可，不需要向右移动。
可以重新测试下，祝学习愉快！
0
相似问题