如何在绝对div中将绝对div放置在底部

Question

我想定位一个div，它在另一个div的底部有position: absolute，它也有position: absolute。出于某种原因，我无法实现它，这让我疯狂： - /所以我希望我能在这里得到一些帮助。

我创建了一个JSFiddle - 它的元素<div class="item__info-details">我想要在底部。

也许我的标记是错误的？

Answer 1

你必须给位置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;} 

不要忘记删除顶部：从.item__info-details 110px和宽度和高度没有必要。

见here

Answer 2

请在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%; 

}

Answer 3

地块这里有无用的标签。

这就是你需要：

.item__info-details { 
    position: absolute; 
    bottom: 0px; 
    z-index: 2; 
    width: 100%; 
    border: 1px solid red; 
} 

查看更新fiddle。