对于初学html和css的小白们往往会遇到一个问题，就是相对定位和绝对定位的问题，就像当初的我一样很容易混淆这两个概念，下面就说说这两个的区别和关系
工具/原料
1
Hbuilder编辑器（其他IDE编辑器都可以，这是小编喜欢用的）
2
html/css
方法/步骤
1
搭建html结构和基础样式css，我们看到没有定位时候的样式
2
相对定位：脱离文档流，是一个相对的位置，一般设置在父元素，可以理解为一个“标准”。绝对定位：同样脱离文档流，一般设置在子元素，也就是子元素相对父元素的位置进行调整，即根据“标准”进行方向的设定
3
这里小编将black居中在red容器中，这也是定位时候居中的常见的做法。
注意事项
希望大家可以学到和理解到他们的概念，这也是web前端面试经常考的
上一篇：前端面试与进阶指南