首页 > web前端 > css教程 > 正文

使用 CSS 进行相对定位

PHPz
发布: 2023-08-27 15:13:02
转载
1256 人浏览过

使用 CSS 进行相对定位

相对定位更改 HTML 元素相对于其正常显示位置的位置。因此,“left:20”会向元素的 LEFT 位置添加 20 个像素。

您可以使用两个值topleft以及属性用于将 HTML 元素移动到 HTML 文档中的任意位置。

  • 向左移动 - 对使用负值。
  • 向右移动 -向左使用正值。
  • 向上移动 -顶部使用负值。
  •  向下移动 - 顶部使用正值。

示例

您可以尝试运行以下代码来实现相对定位 -

<html>
   <head>
   </head>
      <body>
         <div style = "position:relative;left:80px;top:2px;background-color:yellow;">
            This div has relative positioning.
         </div>
      </body>
</html>
登录后复制

以上是使用 CSS 进行相对定位的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板