您现在的位置:首页 > 资讯 > 数据 > 正文

相对定位(absolute)的使用方法是什么?具体操作步骤是什么?

时间:2023-03-06 13:53:15    来源:百度经验    


(相关资料图)

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

工具/原料

PhpStorm 2019.3.1 x64

方法/步骤

新建一个 absolute.html 文件,如图所示:

CSS教程 相对定位(absolute)的使用

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

CSS教程 相对定位(absolute)的使用

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

CSS教程 相对定位(absolute)的使用

给 标题2 添加相对定位,如图所示:

CSS教程 相对定位(absolute)的使用

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

CSS教程 相对定位(absolute)的使用

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

CSS教程 相对定位(absolute)的使用

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

关键词: cssabsolute

上一篇:
下一篇:

凡本网注明“XXX(非中国微山网)提供”的作品,均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和其真实性负责。

特别关注