CSS bottom 属性使用方法及示例

bottom CSS属性指定定位元素的底边相对于参考元素框或浏览器窗口的底部的偏移量。

• 对于绝对定位的元素，该bottom属性指定元素框的底部边缘在其包含块的底部边缘上方偏移的距离。

• 对于相对定位的元素，该bottom属性指定相对于框本身的底边的偏移量(即，方框在正常流中给定一个位置，然后根据这些属性从该位置偏移)。

下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。

bottom的使用语法

该属性的语法如下：

bottom: length | percentage | auto | initial | inherit

下面的示例演示了如何使用bottom属性。

  p {
   position: absolute;
   bottom: 150px;
  }

属性值

下表描述了此属性的值。

浏览器兼容性

bottom属性浏览器的兼容性，下表中的数字表示支持该属性的浏览器最低版本号；所有主流浏览器均支持该属性。

Firefox 1+ Google Chrome1+ Internet Explorer 5+ Apple Safari 1+ Opera 6+

进一步阅读

请参考以下教程：CSS 位置（position），CSS层。

相关属性：position，top，right，left，z-index。