cssが子divを動的にサイズの変更された親divの下に強制する

Question

私は既存のソリューションをstackoverflowで検索しようとしましたが、何も役に立たなかった。

私はビジュアルコンポーザープラグインを使用しています。私は壁紙画像を含む親divを作成しました。私はすべての画面サイズで画像を伸ばすために以下のCSSを使いました。

.backgroundHome 
{ 
    background: no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 


} 

このCSSは私にとって完璧に動作しますが、今、私は、親のdivの下に強制したいという親（別名子DIV）内に新しい内側のラインを作成しました。私はページが読み込まれるときにそれをしたいだけですが、子divをスクロールするときにはページの残りの部分も同様にスクロールする必要があります。親の高さは画面サイズに基づいて動的に生成されるため、親と子を絶対的な位置に設定して固定されていないことに注意してください。

Answer 1

例としてhtmlスニペットを使用した場合は便利です私はちょうどposition: absoluteを使用してみますか？あなたは、親のheigthは動的に設定されているが、コンテンツをスクロールするには親コンテナより長くなければならないと言った。以下のコードは、常に.child要素をコンテナの底に貼り付けます。

.parent { 
    position: relative 
} 

.child { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
}