浮动及清除浮动的方法

正常文档流:
元素从上往下排, 从左往右排

	什么是浮动?
			脱离文档流,将块级元素排成一排
			float: 
				left	左浮动(从左往右)
				right	右浮动(从右往左)
				none	不浮动
				
			不清除浮动时,父元素高度为0, 会影响下面的元素

	清除浮动的方法：
	1.知道父级具体高度的时候，直接给父级设置高度
	2.在浮动元素后面加换行标签，<br clear="all" />  (缺点:增加多余的标签)
	3.在浮动元素后面加一个空标签，给空标签名一个class名字
	  <div class="chearbox"></div>
	  设置样式 .chearbox{clear: both;}            (缺点:增加多余的标签)
	4.给父级设置样式display：inline-block；
	5.给父级设置样式overflow（除visible）       (缺点:不能设置margin：auto)
	6.给父级设置为元素after,::after{content:'';display:block;clear:both}（推荐）