清除浮动方式

1、添加额外标签

添加额外标签并且添加clear属性

<div class="demo">
    <div style="clear:both"></div>
    //也可以加一个br标签
</div>

2、父级添加overflow属性，或者设置高度

overflow:hidden || overflow:auto

<div class="demo" style="overflow:hidden">
    <div class="test"></div>
</div>

3、建立伪类选择器清除浮动

在css中添加:after伪元素

.parent:after{
      content: '';  
      display: block;
      height: 0;
      visibility: hidden;
      clear: both;
}
<div class="demo">
    <div class="test"></div>
</div>

来源链接：？