浮动

float-left(左浮动)、none(不浮动/默认值)、right(右浮动)
1.clear：both；清除两侧浮动。both、left、right
2.父级添加overflow；hidden属性
3.父级添加after伪元素
4.父级元素添加双伪元素
父级添加双伪元素
.clearfix:before,clearfix:after{
content:"";
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{
/兼容IE6/7/
*zoom:1;
}
定位模式
static：静态定位
relative：相对定位，相对于原文档的位置进行定位
absolute：绝对定位
filed：固定定位

边偏移
top顶部 bottom底部 left左侧 right右侧