css - オーバーフロー ボックスの高さをその親ボックスに合わせる

Question

ネストされた画像を含むボックスと、テキスト情報を含む div があります。ホバー時に配置と表示パラメーターの変更を行う単純な CSS トリックを行っているため、メイン ボックスにホバーした場合にのみテキスト ボックスが表示されます。

これが私の問題です。テキストボックスには不透明度の背景があります。ホバー時に表示されるときに、ボックスの高さと背景を親に一致させるにはどうすればよいですか。

これがライブの例です: http://jsfiddle.net/Mamaduka/jDYu5/16/

Answer 1

私が正しく理解していれば、あなたがする必要がtextsあるのは高さを与えることだけです100%

.box:hover .texts {
    display: block;
    height:100%;
}

あなたのフィドルを編集したときに私のために働いた。