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

清除浮动的八种方法

作者: 两朵小黑云 | 来源:发表于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

相关文章

  • css清除浮动的三种方法

    摘要:css清除浮动float的三种方法总结,为什么要清除浮动?浮动会有哪些影响? 一.先看现象(display:...

  • 清除浮动的八种方法

    说少了不行,说多了及格,反正就点搞你,朋友。先来干货要不你看不下去呀 - 1. 父级div直接给height - ...

  • 清除浮动的最佳方法

    清除浮动的几种方法,这里不一一列举 个人认为,使用伪类来清除浮动是最好的一种方法 1) display:block...

  • clear 清除浮动

    清除浮动 --> 清除高度塌陷有三种方法//这里讲的父级元素 都是浮动层的父级 哪里有浮动,在其父级元素的内容中...

  • CSS清除浮动大全共8种方法

    清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全,共8种方法。浮动会使当前标签产生向上浮的效果...

  • CSS清除浮动大全的8种方法

    清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全,共8种方法。 浮动会使当前标签产生向上浮的效...

  • 1-浮动

    css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响? http://blog.csdn.net...

  • 用 :after 方法清除浮动(注意:作用于浮动元素的父亲)

    先说原理:这种方法清除浮动是现在网上最拉风的一种清除浮动,他就是利用:after和:before来在元素内部插入两...

  • 解释下浮动和它的工作原理?清除浮动的方法

    浮动元素脱离文档流,不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 1、使用空标签清除浮动 这种方法...

  • 11.22 前端学习

    清除浮动 clear:left清除左浮动clear:right清除右浮动clear:both清除对它影响最大的浮动...

网友评论

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

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