CSSを使ってDivのページの高さを広げよう

Question

私は最初のReact-Reduxプロジェクトをやっていて、スタイリングに取り組んでいます。

私が抱えている問題は背景色です。

ページのメインコンテンツを含むdivに背景色を設定すると、ページの下部が白くなります。

私の解決策は、リセットファイルのbodyとhtmlにデフォルトの背景色を設定することでした。これで問題は解決しました。

しかし、別のページに異なる背景色や画像を持ちたいと思います。本体とHTMLをデフォルトの色に設定すると、そのページのdivの下に色が表示されます。

ご協力いただければ幸いです。これはReactとReduxを使用しています。私はこのマテリアルに真新しく、私の理解から、すべてのコンポーネントが親要素（私の場合はボディ）の下にネストされるので、変更するとすべてのページに影響します。それは、ヘッダーと最終的にはフッター要素の間のすべてのスペースをdivで埋める方法があると言えますか？あなたがメインのコンテンツ要素がページの高さを100％にする必要があることが確実な場合

Answer 1

、あなたはこの要素には100％に等しい高さを与えるだろう

height:100vh; 

を使用することができますビューの高さ。これは、opera miniを除く現在のすべてのブラウザでサポートされています。これらは少しあなたのコンテナのオーバーフローページを作ることができるよう

は親要素のマージンやパディングの用心 - ページのイベントを経由して、それを変更したり、CSSを使用するように私は this example