请问老师,为什么会直接覆盖

来源: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回答

好帮手慕糖

2020-05-27

同学你好,覆盖是指如下:蓝色的在红色的上面了吗?

http://img.mukewang.com/climg/5ecdfdcb09881c9802170209.jpg

这是因为设置了相对定位。相对定位会使元素的层级提升,使元素可以覆盖文本流中的元素,所以覆盖到了红色的上面。

如果不是指这里,可以详细的描述下。

祝学习愉快~

0

0 学习 · 40143 问题

查看课程