5-4编程练习

来源:5-4 编程练习

Sherlock_Lzh

2019-07-17 20:59:07

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

        }

        /*此处写代码*/

        .clear::after{

            content:" ";

            visibility:hidden;

            height:110px;

            display:block;

        }

    </style>

</head>

<body>

    <div class="per">

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

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

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

        <div class = "clear"></div>

    </div>

</body>

</html>

题目的代码是这么写吗?

写回答

1回答

好帮手慕阿满

2019-07-18

同学你好,根据题目要求,是给clear的div设置clear:both;用来清除浮动,如:

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

所以在css代码中,应该是如下:

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

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

0

0 学习 · 9666 问题

查看课程

相似问题