极客教程CSS 位置 bottom 属性
描述
bottom属性定义了一个绝对定位元素底边相对于其定位上下文底边的偏移量，或者一个相对定位元素被位移的垂直距离。
可能的值
- length − 定位上下文底部的固定距离。
-
percent − 相对于定位上下文高度的一定百分比，假设上下文的高度已明确设置。如果没有设置，则将bottom的百分比值视为自动。
-
auto − 默认值。让浏览器计算bottom位置。
适用于
所有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>
它将产生以下结果−
