css定位和浮动

css3样式里头定位position和浮动float属性一直是设计网页的难点，通过他们能够调整网页块元素在网页的位置。

position有以下四个值：relative，absolute，fixed，static

当我们没有任何设置，默认情况下是static。

position:relative不脱离文档流，参考自身静态位置通过top,bottom,left,right定位。（自私的，走了之后还霸占这原来的位置）

position:absolute脱离文档流，通过top,bottom,left,right定位。选取最近一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，absolute元素将以body坐标原点进行定位。（无私的，走了之后位置留给大家）

fixed（固定定位）这里所固定的参照对像是可视窗口而并非是body或是父级元素。