标签：

position

position主要是4种设定：

1. static（默认）
   如果不设置，默认就是staitc元素。其实就是没有position设定，DOM流安排在哪里就是哪里。所有的相关于位置的设定均无效，意味着left, right, z-index等属性设置了也是白设。
2. relative
   如果只是设置postion: relative; 和static并没有视觉上的区别，但是，一旦设定了，就指定了对应DOM元素“被定位”了，之后就可以设置一些诸如right，left之类的属性。
3. absolute
   虽然absolute的意思是“绝对的”，但是position: absolute;的意思确实相对于最近的“被定位的”祖先元素，可以一直冒泡到body。强烈建议，如果使用absolute，他的父元素给一个position属性设置，否则之后调整css会有奇怪的事情发生，特别是不止一个人修改同一个css文件。
4. fixd
   做导航条的利器。其实就是相对于浏览器的位置，设置了fixd就能让你的导航条一直显示在窗口里。
   我不会告诉你，小广告也是这么做的。: P

需要看效果的话，这里有个非常好的例子：http://zh.learnlayout.com/position-example.html

z-index

如果有一个透明div覆盖了你的窗口，那你所有的交互都不可能获得事件了，此时你需要设置z-index来把你需要的元素放到一堆元素的最上层。切记！如果一个元素没有设置position，那z-index是无效的！

float

有空再来说说float : )

【原】谈谈css中关于元素定位的属性（positon&z-index）

标签：

原文地址：http://www.cnblogs.com/youyoubaishu/p/4761534.html