float造成的浮动“塌陷”问题的解决办法

当元素设置floa浮动时,被设置的元素在空间上将会塌陷,造成后续空间布局混乱。

解决方案:

1、在设置float浮动元素的后面加一个有clear:both样式的空div,以此div作为隔断,阻止后续空间塌陷

 <div style='clear:both'></div>

2、将设置float浮动元素用一个有宽高值且未设置浮动的div包裹起来

原文地址:https://www.cnblogs.com/webwangjie/p/6902581.html