关于伪元素

来源:2-14 编程练习

Dante丨R

2019-02-27 15:10:32

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        .per{

            width: 300px;

            height: auto;

            border:2px solid #aaa;

        }

        .li{

            width: 100px;

            height: 100px;

            background: red;

            margin: 5px;

            float: left;

        }

        /*此处写代码*/

        .per::after{

            content:"";

            display:block;

            clear:both;

        }

    </style>

</head>

<body>

    <div class="per">

        <div class="li"></div>

        <div class="li"></div>

        <!-- 此处写代码 -->

    </div>

</body>

</html>


如果用伪元素清理浮动的话,意思是不是就变成在进行过浮动的元素的父元素后面插入一个和父元素同级的新元素然后进行清除浮动?


写回答

1回答

guly

2019-02-27

你好,因为你的这个清除浮动的伪元素是设置在了 class="per"的元素上,相当于是给per后面插入了一个同级元素,所以您这么理解是可以的。如果解决您的问题请采纳,祝学习愉快!

0

0 学习 · 4928 问题

查看课程