CSS bottom 属性

将 <div> 元素的底边设置为比其最近的父元素的底边高 10px，并进行一些定位：

div.absolute {
position: absolute;
bottom: 10px;
width: 50%;
border: 3px solid #8AC007;
}

定义和用法

这个bottom属性影响定位元素的垂直位置。此属性对非定位元素没有影响。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
bottom	1.0	5.0	1.0	1.0	6.0

bottom: auto| length|initial|inherit;

Value	Description	Demo
auto	Lets the browser calculate the bottom edge position. This is default	Demo ❯
length	Sets the bottom edge position in px, cm, etc. Negative values are allowed. Read about length units	Demo ❯
%	Sets the bottom edge position in % of containing element. Negative values are allowed	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit