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或是父级元素。