清除浮动的几种方式

Contents

首先要知道什么是浮动。
标准文档流是一步一步来，这样建站无法做到并排显示的效果，为了解决这个问题，有了浮动。
一个元素浮动，它就脱标，即脱离了标准文档流。这个时候你可以实现并排，文字围绕图片的效果。
一、让祖先元素高度设置比子元素高，让他们有足够的位置
这种方法不好，这样内容一旦超出高度，页面就不好了
二、使用clear：both 它可以清楚别人对我的影响
这样的话会导致margin失效
三、在俩个之间插入一个空div，设置空div clear:both
而这个时候，如果原本的俩个div要有空隙，可以给这个div一个高度