我想在另一个div的底部放置一个div position: absolute
,该div也有position: absolute
。出于某种原因,我无法实现它并且它让我发疯: - /所以我希望我能在这里得到一些帮助。
我创建了一个JSFiddle - 它是我想要的底部元素<div class="item__info-details">
。
也许我的标记错了?
答案 0 :(得分:2)
你必须给child div
因为您希望在悬停时底部为div,然后.item__info-details > div
,您可以获得。只需提供position:absolute
和bottom:0
即可。
.item__info-details {
position: absolute;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
padding: 0 20px;
}
.item__info-details > div {position:absolute;bottom:0;}
不要忘记删除顶部:110px以及.item__info-details
的宽度和高度,不需要。
请参阅here
答案 1 :(得分:1)
答案 2 :(得分:0)
请更改css并替换为以下内容:
.item__info-details {
position: absolute;
top: 110px;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
padding: 0 20px;
width: 100%;
height: 100%;
}
替换为:
.item__info-details {
position: absolute;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
padding: 0 20px;
width: 100%;
}