最新的Web开发教程
 

Style bottom Property

<Style对象

例

设置的底部位置<button>元素：

document.getElementById("myBtn").style.bottom = "100px";
试一试»

定义和用法

底部属性设置或返回一个定位元素的底部位置。

该属性指定包括填充，滚动条，边界和余量的元件的底部位置。

Tip:甲定位元件与所述位置属性设置为一个元件：相对的，绝对的，或固定的。

提示：要设置或返回一个定位元素的顶部位置，则使用顶属性。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

底部属性在所有主流浏览器的支持。

句法

返回底部性质：

object .style.bottom

设置底部性质：

object .style.bottom="auto| 属性值
值 描述
auto 让浏览器设置的底部位置。 这是默认
length 定义长度单位的底部位置。 允许使用负值
% 设置在父元素的高度的％底部位置
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值： 汽车
返回值： 一个字符串，表示定位元件的底部位置
CSS版本 CSS2

更多示例

例

设置的底部位置<div>元素：

document.getElementById("myDiv").style.bottom = "10px";
试一试»

例

使用负值-设置的底部位置<div>元素：

document.getElementById("myDiv").style.bottom = "-100px";
试一试»

例

返回的底部位置<div>元素：

alert(document.getElementById("myDiv").style.bottom);
试一试»

相关页面

CSS教程： CSS定位

CSS参考： bottom property

<Style对象