浮动的影响及解决方法

	float浮动
	值为 left或right
	
	浮动的特性
	1.脱离标准文档流
	2.浮动会让元素相互紧贴
	3.存在字围效果
	4.收缩效果
	5.会造成父元素塌陷
	
	几种常用出除浮动的方法
	1.加一个空标签，设置  clear：both；
	 	优点：简单，浏览器兼容好
	 	缺点：增加页面的标签，造成页面混乱。
	 	
	2.父元素定义 overflow：hidden
		优点：简单
		缺点：不能使用position
	
	3.使用 after清除浮动
		目前用的最多的清除浮动的方法
	
	4.父元素也一起浮动
		缺点：会产生新的浮动
		不建议使用
		
	5.父元素设置高度