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

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

<!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回答

同学你好,

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

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

http://img1.sycdn.imooc.com//climg/5d69d7980001fcf704430823.jpg

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

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师