javascript - コンテンツがページのサイズを超える場合にdivをスクロール可能に設定するには?

Question

次のページがあります。

<div id = "menu">
    Menu on the left side
</div>
<div id = "header">
    Header content of the page
</div>
<div id = "body">
    Data Data Data Data Data Data Data 
</div>
<div id = "footer">
    Additional Information
</div>

次のレイアウトの場合: メニューは左側にある必要があります:

#menu{
    background: #244a7c;
    padding: 7px 23px 0 7px;
    width: 299px;
    height: 1000px;
    overflow: inherit;
    margin-left: 0px;
    display: block;
    float: left;
}
#header{
    display: inline-block;
    width: 400px;
    border-bottom: 1px solid rgb(238, 238, 238);
}

Body は内部に異なるデータを持つことができます。私の問題は次のとおりです。

本文の内容がユーザーページよりも多い場合 本文以外をすべて修正したいdiv。メニューは左側に、ヘッダーはページの上部に、フッターは下部に配置し、本文のみスクロール可能にする必要があります。

助けてください。

ありがとう！