Position定位：relative | absolute 对于这个两个定位绝对是我们布局中必不可少的两个，但是区分这个属性，确实最容易把人搞蒙。我在这个上吃了不少苦头，在这儿和大家分享一下我的经验在css中position的属性有如下四个 position:relative ；absolute ；static ； fixed static(静态) 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。 relative(相对定位) 对象不可层叠、不脱离文档流，参考自身静态位置通过top,bottom,left,right定位，并且可以通过z-index进行层次分级。 absolute(绝对定位) 脱离文档流，通过top,bottom,left,right定位。选取其最近一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。 fixed（固定定位） 这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。 注：
方法/步骤
1
在css中position的属性有如下四个 position:relative ；absolute ；static ； fixed 1.static(静态) ：按照基本的定位规则，不能通过z-index进行层次分级。 2.relative(相对定位)： 对象不可层叠、不脱离文档流，参考自身静态位置通过top,bottom,left,right来对其定位，用z-index可以对其层次进行分级。
2
3.absolute(绝对定位) ：可以脱离文档流，通过top,bottom,left,right定位。采用得是就近原则，对其最近的父级元素采用定位。若对象的父级没有设置定位属性，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。
3
4.fixed（固定定位） ：可以把小窗口固定在自己想要的位置，
4
要点提示：CSS中定位的层叠分级主要有：z-index: auto | namber; auto 针对于父对象的定位 namber无单位的整数值。可为负数 1、相对定位relative 相对定位是非常重要。如果对其中的任何一个元素进行相对定位，让它定位到自己想要的位置。。然后，可以通过设置垂直或水平位置，让这个元素针对于它的起点进行移动。
注意事项
1
absolute的定位相对于relative来的，
2
其中fix，absolute，relative可以用z-index来分层次