对于初学html和css的小白们往往会遇到一个问题,就是相对定位和绝对定位的问题,就像当初的我一样很容易混淆这两个概念,下面就说说这两个的区别和关系
工具/原料
- Hbuilder编辑器(其他IDE编辑器都可以,这是小编喜欢用的)
- html/css
方法/步骤
- 1
搭建html结构和基础样式css,我们看到没有定位时候的样式
- 2
相对定位:脱离文档流,是一个相对的位置,一般设置在父元素,可以理解为一个“标准”。
绝对定位:同样脱离文档流,一般设置在子元素,也就是子元素相对父元素的位置进行调整,即根据“标准”进行方向的设定
- 3
这里小编将black居中在red容器中,这也是定位时候居中的常见的做法。
END
注意事项
- 希望大家可以学到和理解到他们的概念,这也是web前端面试经常考的
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。