CSS学习路程-定位position

定位的内容是:position:relative | absolute | static | fixed。

一、static： 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在文本流中，任何一个元素都被文本流所限制了自身的位置，但是通过CSS依然使得这些元素可以改变自己的位置，可以通过float让元素浮动，也可以通过margin来让元素产生位置移动。

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

三、relative：相对定位，不脱离文档流，参考自身静态位置通过 top(上),bottom(下),left(左),right(右) 定位，并且可以通过z-index进行层次分级。

     

 

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

       

 

注：CSS中定位的层叠分级:z-index: auto | namber;

auto 遵从其父对象的定位

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