css bottom属性

CSS的bottom属性用于设置元素下边缘相对于容器的位置。具体来说，如果设置为0，则元素下边缘将与容器下边缘重合；如果设置为50%，则元素下边缘将距离容器下边缘一半的距离。如果容器是相对定位或绝对定位的，而元素的bottom属性没有设置，那么元素的bottom值就是0。

/* 将元素的下边缘与容器下边缘重合 */
.element {
  position: absolute;
  bottom: 0;
}

/* 将元素的下边缘距离容器下边缘一半的距离 */
.element {
  position: absolute;
  bottom: 50%;
}

/* 没有设置bottom属性，则默认为0 */
.container {
  position: relative;
}
.element {
  position: absolute;
}

需要注意的是，bottom属性只对相对定位和绝对定位的元素生效。另外，如果容器的高度不足以包含元素，则元素的下边缘会溢出容器。