絶対divを絶対divに配置する方法

Question

position: absoluteのdivを別のdivの末尾に配置するdivを配置する場合は、position: absoluteもあります。何らかの理由で私はそれを達成することができず、それは私を狂ってしまう。 - /私はここで何か助けを得ることができたと思っていた。

私はJSFiddleを作成しました。その要素<div class="item__info-details">私は一番下にあります。

マークアップが間違っている可能性がありますか？

Answer 1

あなたはあなたが得ることができる。このことにより、.item__info-details > div、あなたがホバーに底にdiv要素を必要とchild 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、幅と高さの必要はありませんよう。

CSSに変更し、以下に置き換えてくださいhere

Answer 2

を参照してください：

.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を参照してください。