对于初学html和css的小白们往往会遇到一个问题，就是相对定位和绝对定位的问题，就像当初的我一样很容易混淆这两个概念，下面就说说这两个的区别和关系工具/原料moreHbuilder编辑器（其他IDE编辑器都可以，这是小编喜欢用的）html/css方法/步骤1/3分步阅读

搭建html结构和基础样式css，我们看到没有定位时候的样式

2/3

相对定位：脱离文档流，是一个相对的位置，一般设置在父元素，可以理解为一个“标准”。

绝对定位：同样脱离文档流，一般设置在子元素，也就是子元素相对父元素的位置进行调整，即根据“标准”进行方向的设定

3/3

这里小编将black居中在red容器中，这也是定位时候居中的常见的做法。

注意事项

希望大家可以学到和理解到他们的概念，这也是web前端面试经常考的