CSS 参考手册 目录

CSS bottom 属性

在 web 开发中,bottom 属性用于设置元素相对于其包含块(通常是父元素)底部边缘的距离。bottom 属性通常与 position 属性一起使用,常用于相对定位和绝对定位的元素。

语法

-------- -
  ------- ---------------------------------------
-
  • length: 指定元素底部边缘与包含块底部边缘的距离,可以使用像素(px)、厘米(cm)、英寸(in)等单位。
  • percentage: 指定元素底部边缘与包含块高度的百分比。
  • auto: 默认值,元素底部边缘与包含块底部边缘重合。
  • initial: 将属性设置为默认值。
  • inherit: 继承父元素的属性值。

示例

--------- -
  --------- ---------
  ------- -----
-

--------- -
  --------- ---------
  ------- ----
-

------ -
  --------- ------
  ------- --
-

在上面的示例中,分别展示了相对定位、绝对定位和固定定位元素使用 bottom 属性的情况。根据具体需求,可以设置不同的距离值或百分比来调整元素在页面中的位置。

注意事项

  • 使用 bottom 属性时,需要注意包含块的高度,以确保元素定位的准确性。
  • 在使用绝对定位或固定定位时,bottom 属性通常与 top、left 或 right 属性一起使用,以确定元素在页面中的具体位置。

以上是关于 CSS 属性 bottom 的介绍,希望能帮助你更好地理解和应用这一属性。


上一篇:CSS 属性 border-width
下一篇:CSS 属性 box-align