浅谈 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值越大优先级就越高。

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有