html - スクロールではなく、DIV をコンテンツで拡張する

Question

ちょっと私はウェブサイトを開発していますが、overflow:auto; を追加した早い段階で問題が発生しました。すべてのメイン クラス .header .content .footer に、バックグラウンド エラーとリボン エラーがいくつか発生していたため、すぐにクリーンアップされました。

ただし、この属性のために、オーバーフローを無効にすると、拡張を続けるのではなく、十分なコンテンツがある場合に .content クラスがスクロールすることを最近発見しました (height:auto; と height:100%; を試しました)。コンテンツは引き続き .footer の上に表示され、リボンと背景も台無しになります。

div を強制的に展開できるかどうか、またはすべての CSS を作り直す必要があるかどうかわかりません。

これは大きな問題ではなく、Web ページはスクロールしても機能しますが、確実に回避策があります。

}

.Header
{
width:  100%;
overflow: auto;
padding-top: 80px;
background: rgb(45, 55, 60);
}

.Content
{
width:  100%;
overflow: auto;
padding-top: 50px;
background: rgb(255, 250, 240);
}

 .Footer
{
width:  100%;
overflow: auto;
padding-top: 30px;
background: rgb(250, 250, 250);
}

それはまた、私が推測する内容かもしれませんが、投稿するのが賢明かもしれないと思って過去4時間検索していて、本当に途方に暮れています.