美文网首页
清除浮动的八种方法

清除浮动的八种方法

作者: 两朵小黑云 | 来源:发表于2020-08-11 14:55 被阅读0次

    说少了不行,说多了及格,反正就点搞你,朋友。
    先来干货要不你看不下去呀

    - 1. 父级div直接给height
    - 2. 父级div也float
    - 3. 子盒子下加div 并且 clear: both
    - 4. 子盒子下加br 并且 clear:both
    - 5. 父级 overflow: hidden
    - 6. 父级 overflow: auto
    - 7. 父级 diplay: table
    - 8. 借助伪类 after 和 zoom

    什么是浮动?为啥要清除浮动?想干嘛?

    <body>
        <div class="test01">
            <div class="box1"></div>
        </div>
        <span> 我想独立一行显示,懂?</span>
    </body>
    <style>
        .box1{
            width: 100px;
            height: 100px;
            background-color: orangered;
        }
    </style>
    
    248288fa75baa2fcf5fafa18b01e95c.png

    相关文章

      网友评论

          本文标题:清除浮动的八种方法

          本文链接:https://www.haomeiwen.com/subject/upxydktx.html