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