(相关资料图)

本教程将介绍相对定位(absolute)的使用

工具/原料

PhpStorm 2019.3.1 x64

方法/步骤

新建一个 absolute.html 文件，如图所示：

输入HTML5的结构代码，将title标签里面的内容修改成：相对定位(absolute)的使用，如图所示：

使用h1和h2标签定义两个标题，如图所示：

给 标题2 添加相对定位，如图所示：

第一个标题是正常位置，第二个标题是相对于正常位置向右移动，如图所示：

运行网页，可以看到第二个标题右移了10px，如图所示：

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。