如何在絕對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。