2-14編程練習,請老師看一下!

来源:2-14 编程练习

慕数据3203843

2019-08-30 19:15:21

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .per{
            width: 300px;
            height: auto;
            border:2px solid #aaa;
            overflow:hidden;
        }
        .li{
            width: 100px;
            height: 100px;
            background: red;
            margin: 5px;
            float: left;
        }
        /*此处写代码*/
        .clear{clear:both;}
        
       /* .clearfix{ */
       /*content:'.';   */
       /* height:0;  */
       /* display:block; */
       /* visibility:hidden; */
       /* clear:both;}*/
        
    </style>
</head>
<body>
    <div class="per clearfix">
        <div class="li"></div>
        <div class="li"></div>
        <!-- 此处写代码 -->
        <div class="clear"></div>
    </div>
</body>
</html>


写回答

1回答

好帮手慕星星

2019-08-31

同学你好,

overflow:hidden;以及添加一个空标签clear写法是正确的。

但是clearfix写法是错误的哦,添加在父元素上就需要用伪类了,如下:

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

自己可以测试下,祝学习愉快!

0

0 学习 · 40143 问题

查看课程