老师,帮我检查一下实现的对吗?有什么需要改进的?

来源:5-4 编程练习

慕先生8145006

2019-08-29 09:08:28

<!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;

        }

        /*此处写代码*/

        #clearDiv::before{

            content:"";

            visibility: hidden;

            height: 0px;

            display: block;

            clear: both;

        }

        

    </style>

</head>

<body>

    <div class="per">

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

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

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

        <div id="clearDiv"></div>

    </div>

</body>

</html>


写回答

1回答

好帮手慕阿满

2019-08-29

同学的代码也完成了题目要求,但是根据题目要求,要求使用clear:both来清楚浮动,如:

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

所以这里使用如下清除浮动即可,如:

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

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

0

0 学习 · 9666 问题

查看课程