CSS - 底部

描述

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

可能的值

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

  • 百分比- 定位上下文高度的某个百分比，假设上下文的高度已明确设置。如果不是，则将底部的百分比值视为自动。

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

适用于

所有 HTML 定位元素。

DOM语法

object.style.bottom = "2px";

例子

这是显示此属性效果的示例 -

现场演示 
<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>

它将产生以下结果 -