1、position:absolute; 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
2、position:fixed; 生成绝对定位的元素，相对于浏览器窗口进行定位。
3、 position:relative; 生成相对定位的元素，相对于其正常位置进行定位。
5、position:inherit; 规定应该从父元素继承 position 属性的值。
2、然后保存文件打开浏览器看看效果，位置显示还是比较明显的：
3、最后解释下这个结果，绝对位置就是对浏览器页面左边和顶部的距离，相对位置就是距离正常的标题的距离。以上就是css中绝对定位和相对定位的使用方法：
可分成四种: 内联样式(Inline Style) 内部样式表(Internal Style SHEet) 外部样式表(External Style Sheet) ...
css定位有四种不同类型，position值分别为：static（静态定位）， relative（相对定位），absolute（绝对定位），fixed（固定定位）。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。
相对定位的偏移参考元素是元素本身，不会使元素脱离文档流。元素的初始位置占据的空间会被保留。相对定位元素常常作为绝对定位元素的父元素。并且定位元素经常与z-index属性进行层次分级
绝对定位元素以父辈元素中最近的定位元素为参考坐标，如果绝对定位元素的父辈元素中没有采用定位的，那么此绝对定位元素的参考对象是html,元素会脱离文档流。就好像文档流中被删除了一样。并且定位元素经常与z-index属性进行层次分级
位移的参考坐标是可视窗口，使用fixed的元素脱离文档流。并且定位元素经常与z-index属性进行层次分级
默认值，元素框正常生成的，top left bottom right这几个偏移属性不会影响其静态定位的正常显示
cssSelector定位，属于CSS高级等位，它的定位方式，利用选择器进行的。在CSS 中，选择器是一种模式，用于选择需要添加样式的对象。“CSS” 列指示该属性是在哪个CSS 版本中定义的。(CSS1、CSS2 还是CSS3。);
1、一般情况下定位速度要比XPATH快