麻烦看一下效果吧!

来源:2-7 编程练习

全栈丶obj

2019-11-15 22:00:45

<!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;
            z-index:8;
        }
        .red{
            width: 100px;
            height: 100px;
            background: red;  
            position:relative;
             z-index:2;
        }
            
        }
    </style>
</head>
<body>
    <div class="blue"></div>
    <div class="red"></div>
</body>
</html>


写回答

2回答

好帮手慕慕子

2019-11-16

同学你好,代码是正确的,继续加油,祝学习愉快~~~

0
hQCC2
h 你好,想问一下,为什么两个div都要加position
h019-12-09
共1条回复

好帮手慕慕子

2019-12-09

@“QQCC2”,这个同学的代码,都使用了position, 主要是为了设置z-index属性的,让蓝色覆盖在红色盒子上面,祝学习愉快~

0

0 学习 · 40143 问题

查看课程