CSS position固定定位用法揭秘

本文向大家介绍一下CSSposition固定定位的概念和用法，首先看一下CSS定位的定义，在CSS中关于定位的内容是：position:relative|absolute|static|fixed　，每个属性值都有各自的特点和作用。

CSS position固定定位用法揭秘

CSS定位的定义：　　

在CSS中关于定位的内容是：position:relative|absolute|static|fixed

◆static没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。

◆relative不脱离文档流，参考自身静态位置通过top,bottom,left,right定位，并且可以通过z-index进行层次分级。

◆absolute脱离文档流，通过top,bottom,left,right定位。选取其最近的父级定位元素，当父级position为static时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。

◆fixed固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

CSS中定位的层叠分级：

z-index:auto|namber;

◆auto遵从其父对象的定位

◆namber无单位的整数值。可为负数