1.浮动的元素脱离文档流了。
2.浮动的元素互相贴靠
浮动的元素会紧紧贴靠在一起，如果后面的窗口空间够这个浮动元素的宽，他会挨着前一个元素贴靠，如果窗口空间不够
他的宽，他会找前一个的前一个元素贴靠，如果 还不够继续往前一个找，不会超越去贴靠，这种排列方式叫流氏布局。
3.浮动的元素有文字环绕的效果，
用在图文结合上。
清除浮动；
浮动元素脱离了文档流，不在占用文档的空间， 导致后面的元素会紧跟着上一个元素的位置进行排列，我们清除浮动的目的就是
杜绝这种现象发生。
1.给父级元素设置高度。
ul{
list-style:none;
border；1px solid red；
height:20px;
}
ul li {
float:left;
}
2.给最后一个浮动元素加一个空元素， 设置属性 clear:both;
3.给浮动元素的父级设置一个类型 叫 clearfix
.clearfix:after{//伪类选择器 给这个父级后面设定一个假的子代元素
clear:both; 清除浮动
height:0;
visibility；hidden;
content:""";内容
Display：block;
}