フルスクリーンレイアウトの世界に問題があります。テーブルまたはCSSベースのソリューションのいずれかが評価されます。フルスクリーンレイアウト
目標は「nav」を幅で固定し、「top」を高さで固定し、理想的にはjavascriptなしで、表示画面に拡大することです。以下のコードは、「コンテンツ」がいっぱいになるまで動作します。それが起こるとき、スクロールする必要があります。ただし、tdのオーバーフローは機能しません。また、オーバーフローでdivの周りにそれをラッピングしません。私はこれがコンテンツdivに合わせてテーブルを自動拡張することと関係があると思います。しかし、コンテンツdivは画面に伸びる必要があるため、固定された高さを持つことはできません。
<table style="width: 100%; background: blue; height: 100%">
<tr>
<td id="nav" style="width: 200px; background: yellow"></td>
<td style="background: green">
<table style="width: 100%; height: 100%; background: purple">
<tr>
<td id="top" style="height: 200px; background: orange"></td>
</tr>
<tr>
<td id="content" style="background: gray; overflow-y: auto">
</td>
</tr>
</table>
</td>
</tr>
</table>