清除浮动的几种方式

Posted 2020-10-02

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了清除浮动的几种方式相关的知识，希望对你有一定的参考价值。

解决办法:

　　1.添加额外标签

<div style="clear:both;"></div>

　　2.父级添加伪类

.box1:after{
      content: ‘ ‘;
      height: 0;
      visibility: hidden;
      display: block;
      clear:both;
    }

　　3.父级添加浮动;

　　4.父级添加overflow:hidden或auto;

　　5:父级添加固定高度;

　　6.父级添加绝对定位: position: absolute;

以上是关于清除浮动的几种方式的主要内容，如果未能解决你的问题，请参考以下文章