使用 CSS 进行相对定位

原创

ithorizon 5个月前 (10-19) 阅读数 51 #CSS

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

您可以使用两个值top和left以及属性用于将 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 进行相对定位的详细内容，更多请关注IT视界其它相关文章！

文章标签：位置负值您可以元素详细内容

上一篇：使用数据表分页下一篇：CSS 中的 Em 与 Rem 单位？

使用 CSS 进行相对定位

示例

作者文章