css position

  css中定位方式有三种，分别为 normal flow floats, absolute position(position:absolute).
normal flow就是根据元素在页面中出现的先后次序来决定它们各自的位置。
    属性 position:relative就是元素以自身在normal  flow中的位置进行偏移！也就是说具有position:relative属性的元素，先按normal flow占有网页中某一个位置。然后在正对这个所占的位置做relative的移动。

   具有属性position:absolute的元素 是不属于normal flow流的，它是以 定位过的最近祖先为参考，直到html的祖先。所谓 定位过的祖先元素，就是那些不以normal flow方式为最终位置的元素。position:relative, position:absolute, position:fixed为定位过的，而position:static为normal  flow。

    属性position:fixed ，这个属性其实absolute的一个子类。它也不属于normal flow，它以整个viewpoint为参考，在viewpoint中定位。这个属性在ie6中并不支持，你需要通过其它方法来达到这种效果。

     float:right|left, 具有此属性的元素将不会在normal flow中，直接往容器的左边或右边对齐。因为它不在normal flow,所以该元素后面的box会自动填充 float元素剩下的空间。如果不想让后面的元素填充float元素剩余空间，可对其后元素使用 clear:left|right|both; 分别表面元素的那一边不能靠近/填充到float元素。
  
    结论position:fixed是以viewpoint为参照系，position:absolute为离它最近且定位过的containing block为参照系， 其余都是以元素所在的containing block为参照系。