转自http://www.cnblogs.com/Jerry-Chou/archive/2011/11/02/2233094.html

1.先解释一下文档流

　　就是HTML的一种机制，块元素单独占一行（比如   div），内联元素不换行（a标签，img标签）；

2.几种定位方式

　　2.1   static

　　　　HTML默认定位方法，服从文档流（flow），自适应的，不需要我们设置。

　　2.2　　relative

　　　　相对定位，相对于自己原来的位置（参照物是自己），可以使用bottom，top，left，right等定位，但是服从文档流，仍然占据着自己原来的位置；

　　2.3　　absolute

　　　　绝对定位，参照物是祖先有过position：relative或者position：absolute的元素，可以使用bottom，top，left，right等定位，但是absolute定位会从文档流中删除，就是原来自己占得位置会取消；

　　2.4　　fixed

　　　　absolute参照是上一个定位过的祖先（static不算），如果元素的参照物是文档，使用 position:fixed实现；

　　2.5　　float

---恢复内容结束---

css定位relative，absolute