Html 浮动div到包含div的底部

我想将

id=“des”

放在包含

div

的底部。我认为使用

position:absolute

会起作用，但它相当于漂浮在容器外

#链接{
边框：1px纯黑；
宽度：400px；
高度：400px；
盒影：1px 1px 1黑色；
溢出：自动；
}
img{
身高：100%；
宽度：100%；
}
#des{
边框：1px实心；
位置：绝对位置；
底部：0；
}

---

只需将

位置：相对
添加到
#链接

查看更多关于位置的信息


#链接{
边框：1px纯黑；
宽度：400px；
高度：400px；
盒影：1px 1px 1黑色；
溢出：自动；
位置：相对位置；
}
img{
身高：100%；
宽度：100%；
}
#des{
边框：1px实心；
位置：绝对位置；
底部：0；
}
绝对定位元素相对于其最近定位的祖先（在您的示例中是身体）进行定位。但是，在
#links
上设置
位置：相对
，将为您提供所需的行为：


#链接{
边框：1px纯黑；
宽度：400px；
高度：400px；
盒影：1px 1px 1黑色；
溢出：自动；
位置：相对位置；
}
img{
身高：100%；
宽度：100%；
}
#des{
边框：1px实心；
位置：绝对位置；
底部：0；
}


两者都添加了位置：相对于.des，但如果不想让链接溢出，请在链接上设置
高度：auto

#links {
    border: 1px solid black;
    width: 400px;
    height: 400px;
    box-shadow: 1px 1px 1 black;
    overflow: auto;
    position: relative;
}