bottom(css定位属性中的一种属性)

bottom(css定位属性中的一种属性)

bottom是CSS定位属性之一,用于定义定位元素下外边距边界与其包含块下边界的偏移量,需与position属性配合使用 。该属性支持auto(默认值)、长度单位、百分比值、inherit等参数,属性值通过包含块高度计算 ,默认不具继承性且兼容IE5+浏览器 。

对于绝对定位(absolute/fixed)元素,bottom控制元素下边界与包含块的间距;相对定位(relative)时则定义元素偏离正常文档流的位置 。static定位元素设置无效,sticky定位元素在视口内外分别表现为relative和fixed的定位特性。当与top属性共存且元素高度未设定时两者共同生效,否则优先采用top值 。JavaScript可通过style.bottom属性进行动态设置 。

该属性最早定义于CSS2标准规范,应用于DIV、SPAN等50余种HTML元素 。后续开发中扩展支持calc()函数及动画类型,2015年后获得主流浏览器普遍支持 。

想要了解更多“bottom(css定位属性中的一种属性)”的信息,请点击:bottom(css定位属性中的一种属性)百科