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.pingtaimeng.com/article/detail/6033/CSS