3. Relative:相对定位，是相对于其原本的位置来定位的。4. Static:默认值，没有定位。5. Inherit:继承父元素的position值。对于初学者来说，position的属性很让人头疼，特别是absolut一般地，说起定位元素是指position不为static的元素，包括relative、absolute和fixed。前面已经详细介绍过absolute绝对定位的基础和应用，这篇博客介绍和梳理相对定位relative和固定定。

CSS 相对定位相对于定位是一个尤其简单掌握的观念。假定对一个元素进行绝对定位，它将涌那会它所在的身分上。尔后，或许经由过程配置垂直或程度位子，让这个元素“相关于”它的出发点进行挪动。本篇文章我们主要给大家说一下css的定位。css的定位是我们以后网页制作中比较常用的属性，也是很重要的知识点。了解各个定位的作用以及层级关系对以后的页面布局至关重要。

定位：相对定位本例演示如何相对于一个元素的正常位置来对其定位。【20171208 前端开发日报】再也不学AJAX了(三)跨域获取资源②– JSONP & CORS;JavaScript 权威面试指南；2设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个元素进行相对。

(＊?↓˙＊) 1.在父元素没有设置相对定位或绝对定位的情况下，元素相对于根元素定位(即html元素)(是父元素没有)。现在给box5偏移值来验证：2.父元素设置了相对定位或绝对定位，元素会相对于离自己最近的设置了CSS的相对定位和绝对定位通常情况下，我们元素的position属性的值默认为static 就是没有定位，元素出现在正常的文档流中，这个时候你给这个元素设置的left,right,bottom,top这些偏移属。