什么是浮动
首先浮动就是让页面上的标签脱离标准文档流，想父标签的左边或右边对齐，直到遇到其他浮动标签或者到达父标签的边界
其次浮动之后在垂直方向上的高度为0，水平方向上的宽度不变
块状元素浮动：可以在一行内排列，失去独占一行的特性，可以设置宽高
行内元素浮动：可以在一行内排列，可以设置宽高（具有块状元素的特性）
浮动分为左浮动、右浮动和不浮动
什么是浮动塌陷，如何解决浮动塌陷
由于浮动在垂直方向上的高度为0，导致当一个没有设置高度的元素中所有的子元素都进行浮动时，此时该元素的高度会塌陷为0，这就是浮动塌陷。
解决浮动塌陷的方法有四种，如：
1、通过设置父容器的高度解决浮动塌陷的问题（但需要自己去计算高度）
2、设置父容器的overflow属性为hidden或auto（常用）
overflow是溢出属性
3、在父元素中加一个空div，设置clear:both
4、通过元素的after伪类设置清除浮动属性（实现方式与第三种原理一致）
