質問: 分割高さ100%、コンテンツに合わせて拡大 ページ上にdiv要素があり、その高さは100%に設定されています。体の高さも100%に設定されています。内側のdivには背景があり、そのすべてがボディの背景とは異なります。これはdivの高さをブラウザの画面の高さの100%にするために機能しますが、問題は私がブラウザの画面の高さを超えて垂直方向に広がるdivの中のコンテンツを持っていることです。私が下にスクロールすると、divはあなたがページをスクロールし始めなければならなかったところで終わりますが、内容はそれを超えてオーバーフローします。内側の内容に合わせてdivを常に一番下まで移動させるにはどうすればよいですか。これが私のcssの単純化です。body { height:100%; background:red; } #some_div { height:100%; background:black; } ページをスクロールすると、黒さがなくなり、コンテンツは赤い背景の上に流れます。 #some_divで位置を相対位置に設定するか絶対位置に設定するかは関係ありませんが、どちらの方法でも問題は発生します。 #some_div内のコンテンツはほとんど絶対位置に配置されており、データベースから動的に生成されるため、その高さは事前にはわかりません。編集:これは問題のスクリーンショットです:
回答: この質問は古いかもしれませんが、それは更新に値する。これを行う別の方法は次のとおりです。#yourdiv { display: flex; width:100%; height:100%; }