浮动与定位

列如：display:inline-block display:block

行内元素inline inline - block:行内块元素 block:块元素

浮动

float

清除浮动：1.额外标签法：也称为隔离法clear:both;清除两侧浮动。both|left|right

2.父级添加overflow:hidden属性
2.父级添加after伪元素
4.父级添加双伪元素

清除浮动：父级添加after伪元素

.clearflx:after{
content: ;
displat:block;
height: ;
clear:both;
visibility:hidden;}

兼容IE6/7: .clearfix{*zoom:1;}

父级添加双伪元素

.clearflx:before,.clearflx:after{
content:"";
display:table;}

.clearflx:after{
clear:both;}

.clearflx{*zoom:1;}

定位模式：position

static:静态定位，默认定位方式

relative:相对定位，相对于原文档的位置进行定位

absolute：绝对定位，相对于上一个已经定位的父元素进行定位

fixed:固定定位，相对于浏览器窗口进行定位

偏移属性

top上部偏移，bottom底部偏移，left左部偏移，right右部偏移