まず、似ているが答えられていない質問：
垂直スクロールのパーセンテージベースの高さ-垂直マージン-コードペン-例
scroll-bar-on-div-with-overflowauto-and-percentage-height
高さを自動にする必要があるときに、Web ページの中央部分をスクロールすると問題が発生します。
ここにフィドルがあります
ヘッダーは常に一番上にある必要があります。つまり、ボディが 100% より大きくなりたくないということです。
ただし、div #messages は大きくなる可能性があり、その div は独自にスクロールする必要があります。
#messages には、固定された下部 div のための余地を残すための margin-bottom があります。
div#messagesをbox-sizing: border-box;作成して作成しheight:100%、パディングして所定の位置に保持しようとしましたが、これは非常に見栄えの悪い解決策であり、スクロールバーは内部部分だけではなくページ全体の高さでした。
どんな助けでも大歓迎です。