CSS中的bottom属性指定了一个元素相对于其父元素底部边缘的偏移量。这个属性通常用于绝对定位的元素，可以让它们相对于父元素的底部边缘进行定位。
以下是一个bottom属性的示例：
HTML代码：
<div class="abc">
<div class="box"></div>
</div>
CSS代码：
.abc{
position: relative;
width: 400px;
height: 400px;
background-color: #ccc;
}.box {
position: absolute;
bottom: 50px;
left: 50px;
width: 100px;
height: 100px;
background-color: blue;
}
在上面的示例中，我们创建了一个abc容器，其中包含一个绝对定位的box元素。abc容器的position属性设置为relative，以便让box元素相对于其进行定位。box元素的position属性设置为absolute，以便让它脱离文档流并相对于abc容器进行定位。box元素的bottom属性设置为50px，让它相对于abc容器的底边缘向上偏移50px。box元素的left属性设置为50px，让它相对于abc容器的左边缘向右偏移50px。
这将导致box元素位于abc容器的左下角，距离底部边缘和左边缘各50px。