使用 CSS 进行相对定位

ID:13187 / 打印

使用 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 中设置旋转元素的基本位置?

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。