设置div距离底部的距离

要设置div距离底部的距离，可以使用CSS的position属性和bottom属性来实现。

首先，将div的position属性设置为absolute或fixed，这样可以使div的位置相对于文档流脱离，并且不会影响其他元素的布局。

然后，使用bottom属性来设置div距离底部的距离。可以设置一个具体的像素值，如bottom: 20px，或者使用百分比来相对于父元素的高度进行设置，如bottom: 10%。

示例代码如下：

.div {
  position: absolute;
  bottom: 20px; /* 距离底部20像素 */
}

.div {
  position: absolute;
  bottom: 10%; /* 距离底部父元素高度的10% */
}

注意：设置div距离底部的距离时，需要保证div的父元素有足够的高度，否则无法正确计算距离底部的距离。