老师为什么第三种方法是常用的啊,在开发中,用第三种方法有什么优点吗 ?

来源:2-14 编程练习

慕用6004130

2020-02-07 21:20:40

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        .per{

            width: 300px;

            height: auto;

            border:2px solid #aaa;

            zoom:1;

        }

        .li{

            width: 100px;

            height: 100px;

            background: red;

            margin: 5px;

            float: left;

        }

        /*此处写代码*/

        .clearfix:after{

            content:".";

            height:0;

            display:block;

            visibility:hidden;

            clear:both;

        

        }

        .clearfix{

            zoom:1;

        }

    </style>

</head>

<body>

    <div class="per clearfix">

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

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

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

    </div>

</body>

</html>


写回答

1回答

好帮手慕夭夭

2020-02-08

同学你好,因为项目中肯定会有很多地方都清除浮动,使用第三种方式,只在css样式中定义一次。哪里需要清除浮动,就在哪里加一个清除浮动的类名即可。使用方便,并且节约代码,不需要每一个地方都写一次清除浮动,所以比较常用。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程