你们好，最近小艾特发现有诸多的小伙伴们对于css相对定位和绝对定位，css定位这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。

1、这里，我们可先创建一个HTML文件，在html文件中创建一个div用于演示效果。

2、接下来，我们在head内部定义一个style,用于写具体的CSS样式。

3、为div添加一个class属性

4、在CSS文件中创建一个具体的样式，如果我们使用良够的是class，那么在CSS中就是".class"，如果我们使用的是id属性，那么在CSS中就是“#id”

5、为div添加一个长度与宽度

6、为我们创建的DIV添加边框，添番膨加边框的目的是为了我们可以观察到变化。

7、最后，在CSS中开始写定位。定位主要分三种，分别为：

8、position:absolute;这里是绝对定位。具体效果您选婶露设置了这个以后，您需要再设置一个left与top查看效果就会比较明显。

9、postion:relative;这个主要用于子标签在定位的时候，以它为参照点。您可以在这个div下嵌套一个div,设置为position：absolute，并设置left及top值后，查看效果，删除postion:relative后再查看效果

10、position:fixed，以浏览器作为操作点，这种效果您需要参加了div后，多添加一些<h1>标签才会看得比较清楚其含义。

11、您可以分别设置这三个属性，分别刷新您的网页查看效果，这三种定位方式不同同时时候。

以上就是css定位这篇文章的一些介绍，希望对大家有所帮助。