bottom 是 CSS 中用于设置定位元素底边(bottom edge)距离其包含块底边的距离的属性。它只对使用定位属性(如 position: absolute; 或 position: relative;)的元素有效。

bottom 属性的语法如下:
element {
  position: relative; /* 或者 position: absolute; */
  bottom: value;
}

其中,value 可以是长度值(如像素、百分比等),表示元素底边与包含块底边之间的距离。正值将元素向下移动,负值将元素向上移动。

示例:
/* 将元素的底边与包含块底边保持距离为20像素 */
div {
  position: relative;
  bottom: 20px;
}

如果 position 属性为 absolute,元素的包含块将是距离元素最近的已定位祖先元素,如果没有已定位的祖先元素,则是初始包含块(通常是 <html> 元素)。

这个属性常用于调整元素在页面中的垂直位置。请注意,bottom 和 top 属性同时使用时,top 属性优先级更高。


转载请注明出处:http://www.zyzy.cn/article/detail/6033/CSS