清除浮动的几种方法

1，额外标签法，

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

（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。） 
2，使用after伪类 

#parent:after{ content:"."; height:0; visibility:hidden; display:block; clear:both; } 

3,浮动外部元素 
4,设置`overflow`为`hidden`或者auto

overflow：hidden/auto;

　　

转载于:https://www.cnblogs.com/fjfd/articles/5915403.html