CSS bottom
原创bottom
bottom是CSS中的一个样式属性,用于定义定位元素下外边距边界与其包含块下边界之间的偏移。需要注意的是,此属性对非定位元素无效。
bottom的具体效果取决于元素的position属性值:
- 当
position设置为absolute或fixed时,bottom属性指定了定位元素下外边距边界与其包含块下边界之间的偏移距离。 - 当
position设置为relative时,bottom属性指定了元素的下边界离开其正常位置的偏移量。 - 当
position设置为sticky时,如果元素在viewport内,bottom属性的效果与position为relative时相同;如果元素在viewport外,则效果与position为fixed时相同。 - 当
position设置为static时,bottom属性不起作用。
当同时指定了top和bottom属性,并且height未被指定或设置为auto或100%时,这两个属性都会生效。在其他情况下,如果height被限制,则top属性会优先设置,而bottom属性则会被忽略。
| 初始值 | auto |
|---|---|
| 适用元素 | 定位元素 |
| 是否是继承属性 | 否 |
| 百分比值 | 相对于包含块的高度 |
| 计算值 | 如果指定为长度,则为对应的绝对长度;如果指定为百分比,则为指定值;否则为auto |
| 动画类型 | 长度、百分比或calc() |
版权声明
本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。
上一篇:CSS
block-size 下一篇:CSS
caption-side
开发学习网



