08-float浮动

.clear{ clear:both;}
<div class = "clear"> </div>　　//浮动元素后使用一个空元素

overflow:hidden;　　//给浮动元素的父级添加
zoom:1;　　//低版本ie浏览器兼容性

.className:after{
content: ".";　　//另内容为空
display: block;　　//转换为一个块元素
height: 0;
visibility: hidden;　　//隐藏显示
clear: both;　　//清除浮动，通常把这个写到下一个不需要浮动的块级元素里
}
.className{
zoom:1;//低版本ie浏览器兼容性
}

1、给父级元素定义height

2、父级元素也一起浮动（会产生新的浮动问题）