浅谈 css 之 position用法

在 css中, position 属性有四个值可用: static(默认值)、absolute、relative、fixed。

relative:相对定位(相对于自身进行在常规流中的位置进行定位，保留自身原始的位置)

absolute:

1、相对于自身的包含块定位；

2、寻找包含块的规则：从自身网上寻找祖先元素，寻找到的第一个position为非static修饰的祖先元素的内边距边界 就是当前绝对定位元素的包含块；如果没有的话，则相对于 html进行定位；

3、完全脱离文档流；

4、display的取值类似于inline-block；

5、不缩短行框

fixed:

完全脱离文档流，和 absolute 的唯一的区别就在于：absolute元素是根据最近的定位上下文确定位置，而fixed永远根据浏览器确定位置。即使窗口是滚动的它也不会移动

说到 position，就要再说一下 [Z-index] (垂直定位)

Z-index 默认值为0；这种情况下，后者会覆盖前者，需要改变元素之间层级关系的话，就要通过改变 Z-index 值来实现了，Z-index值越大优先级就越高。

文章转自http://www.cnblogs.com/kcsjm/p/7440084.html