当前位置: 首页 > 文档资料 > CSS 入门教程 >

bottom

优质
小牛编辑
127浏览
2023-12-01

描述 (Description)

bottom属性定义绝对定位元素的底边缘与其定位上下文的底边缘的偏移,或相对定位元素将被移位的垂直距离。

可能的值 (Possible Values)

  • length - 距离定位上下文的固定距离。

  • percent - 定义上下文高度的某个百分比,假设已明确设置上下文的高度。 如果没有,那么底部的百分比值被视为自动。

  • auto - 默认。 让浏览器计算底部位置。

适用于 (Applies to)

所有HTML定位元素。

DOM语法 (DOM Syntax)

object.style.bottom = "2px";

例子 (Example)

以下是显示此属性效果的示例 -

<html>
   <head>
   </head>
   <body>
      <p style = "position:absolute; bottom:100px;">
         This line will be positioned 100px above from the bottom edge of this window.
      </p>
   </body>
</html>