【原】谈谈css中关于元素定位的属性（positon&z-index）
position
position主要是4种设定：
- static（默认）
如果不设置，默认就是staitc元素。其实就是没有position设定，DOM流安排在哪里就是哪里。所有的相关于位置的设定均无效，意味着left, right, z-index等属性设置了也是白设。 - relative
如果只是设置postion: relative; 和static并没有视觉上的区别，但是，一旦设定了，就指定了对应DOM元素“被定位”了，之后就可以设置一些诸如right，left之类的属性。 - absolute
虽然absolute的意思是“绝对的”，但是position: absolute;的意思确实相对于最近的“被定位的”祖先元素，可以一直冒泡到body。强烈建议，如果使用absolute，他的父元素给一个position属性设置，否则之后调整css会有奇怪的事情发生，特别是不止一个人修改同一个css文件。 - fixd
做导航条的利器。其实就是相对于浏览器的位置，设置了fixd就能让你的导航条一直显示在窗口里。
我不会告诉你，小广告也是这么做的。: P
需要看效果的话，这里有个非常好的例子：http://zh.learnlayout.com/position-example.html
z-index
如果有一个透明div覆盖了你的窗口，那你所有的交互都不可能获得事件了，此时你需要设置z-index来把你需要的元素放到一堆元素的最上层。切记！如果一个元素没有设置position，那z-index是无效的！
float
有空再来说说float : )
