CSS bottom

原创
admin 4个月前 (08-22) 阅读数 14 #CSS

bottom

bottom是CSS中的一个样式属性,用于定义定位元素下外边距边界与其包含块下边界之间的偏移。需要注意的是,此属性对非定位元素无效。

bottom的具体效果取决于元素的position属性值:

  • position设置为absolutefixed时,bottom属性指定了定位元素下外边距边界与其包含块下边界之间的偏移距离。
  • position设置为relative时,bottom属性指定了元素的下边界离开其正常位置的偏移量。
  • position设置为sticky时,如果元素在viewport内,bottom属性的效果与position为relative时相同;如果元素在viewport外,则效果与position为fixed时相同。
  • position设置为static时,bottom属性不起作用。

当同时指定了topbottom属性,并且height未被指定或设置为auto100%时,这两个属性都会生效。在其他情况下,如果height被限制,则top属性会优先设置,而bottom属性则会被忽略。

初始值 auto
适用元素 定位元素
是否是继承属性
百分比值 相对于包含块的高度
计算值 如果指定为长度,则为对应的绝对长度;如果指定为百分比,则为指定值;否则为auto
动画类型 长度、百分比或calc()
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS block-size 下一篇:CSS caption-side
作者文章
热门
最新文章
标签列表