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

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

解决方案:

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

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

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

posted @ 2017-05-25 10:54  野望之风  阅读(607)  评论(0编辑  收藏  举报