清除浮动概述：
浮动会造成影响，包含对两个方面的影响：
（一）父元素造成影响： 造成父元素的高度塌陷
解决对父元素造成的影响：
1）加高法 直接给父元素加高度 用的不多
2）overflow的小偏方，
overflow：hidden；----------副作用：强制浏览器 重新计算父元素的高度
overflow：本意是用来处理溢出的。
hidden 溢出的内容 会被 隐藏掉，不可见。
scroll 溢出的内容 产生滚动条 通过滚动条可到全部的内容
visible 默认值 溢出的内容正常显示
溢出的内容的内容不占见面空间。
（ 二）对后面的兄弟元素造成影响
解决对后面的兄弟元素造成影响：
clear 解决对兄弟元素造成影响。 谁受影响了，就在谁的身上加上clear。
clear取值：
left ：清除 左浮动 所造成的影响。代表后面的元素也不受影响。
只能清除左浮动所造成的影响，不能清除右浮动所造成 的影响。
right : 清除右浮动所造成的影响。只对右浮动有效。
both : 清除左右浮动所造成的影响。 开发中，直接使用both就OK。
none ： 默认值，表示不清除这种影响。
