通过after伪类，选中box1的后面
可以通过after伪类向元素的最后添加一个空白的块元素，然后对其清除浮动
.clearfix:after{
content: ""; --添加一个内容
display: block; --转换一个块元素
clear: both; --清除两侧的浮动
}
IE6中不支持after伪类，所有在IE6中还需要使用hasLayout来处理
.clearfix{
zoom:1;
}
导航条
导航条
相对定位：position: relative;
绝对定位：position: absolute;
固定定位：position: fixed;