css中bottom什么意思

CSS是前端开发中必须要掌握的技能之一。其中bottom是CSS中一个重要的属性，下面就来介绍一下bottom的含义。

.bottom {
    position: absolute;
    bottom: 0;
}

在上述代码中，bottom是一个关键字，作为absolute定位的一部分。

bottom的作用是用来设置元素与其包含元素底部之间的距离。例如，想要一个元素离其父元素底部有10像素的距离，只需要在CSS中添加如下代码：

.parent {
    position: relative;
}
.child {
    position: absolute;
    bottom: 10px;
}

上述代码中，.parent元素设置了相对位置，.child元素设置了绝对位置，并设置了bottom属性值为10像素，即离其包含元素底部有10像素的距离。

需要注意的是，如果该元素的position属性值不为absolute、fixed、sticky或grid。那么bottom属性则不会生效，因为与其相关的属性只是上述几个position属性。

总的来说，bottom是CSS中一个很实用的属性，能够帮助我们实现元素与父元素底部之间的距离设置，从而实现更加精细的页面布局。