css中的四个positoin属性值

当程序员编写页面的时候,内容的位置不是自己所满意的,就需要对页面内容的位置进行调整,这时候css中position属性就是个不错的选择,简单好操作,且大部分位置调整要求都能满足.

postion属性值比较常见的有 : fixed / relative / absolute / fixedstatic　　( 固定定位 / 相对定位 / 绝对定位 / 静态定位)

静态定位:

静态定位没有特殊效果，在这里不多赘述

固定定位:

介绍：死心眼型定位，相对于浏览器进行定位移动

代码：positon:fixed

特点：

1. 需要配合方位属性实现移动

2. 相对于浏览器可视区域进行移动

3. 在页面中不占位置——脱标

4. 具备行内块的显示特点

绝对定位:

介绍：拼爹型定位，相对于非静态定位的父元素进行定位移动

代码：positon:absolute

特点：

5. 需要配合方位属性实现移动

6. 默认相对于浏览器可视区域进行移动

7. 在页面中不占位置—脱标显示

8. 改变标签的显示模式特点，具备了行内块的显示特点（在一行内共存，宽高生效）

相对定位:

介绍：自恋型定位，相对于自己之前的位置进行移动

代码：positon:relative

特点：

1. 需要配合方位属性来实现移动

2. 相对于自己原来的位置进行移动

3. 在页面中占原有的位置（仍然具有原有标签的显示模式特点）——没有脱标