標準のOSアプリのように操作したいWebアプリに取り組んでいます。レイアウトはiTunesに似ており、上部のヘッダーとその下のメニューバー、そして左側のサイドバーとメインのコンテンツ領域があります。目標は、すべてが画面上の位置に留まり、メインセクションのみがスクロールすることです（コンテンツのグリッド/テーブルがあるため）。
これは、絶対位置を使用し、オーバーフローを追加し、上/左/上/下を指定し、該当する場合は自動スクロールすることで実現できます。ただし、これが最善のアプローチかどうかはわかりません。私はここでSOとWebについて調査しましたが、決定的な答えは見つかりませんでした。
私はそれが機能することを知っていますが、それは有効または許容可能なアプローチですか？私の目標は、それを機能させることですが、適切な標準と許容可能なアプローチを使用して機能させることです。
これを実現するJavascriptフレームワーク（extjs、一部のjqueryライブラリなど）を使用することもできますが、同じことを行うと思います。事前に指定するのではなく、ページの読み込み時に動的に実行します。
CSSは、WebアプリケーションスタイルのUIレイアウトをかなりお粗末にサポートしています。css3-gridsやcss3-flexboxのように、途中で有望な仕様があります。しかし、ブラウザのサポート、特にcss3-gridは不足しています。
今日Webアプリを実装するとき、position：absoluteは最悪のオプションのようです。十分な柔軟性があり、ほとんどの要件を満たしています。
これについて詳しく説明している優れたブログ投稿があります：http：//blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/
正直なところ、それが機能する場合は機能し、機能しない場合は機能しません。標準、ベストプラクティスなどは素晴らしいものですが、実際の目標を達成するのに役立つ場合に限ります。「間違った方法」で実行されているが、稼働しているアプリは、誰もが正確に正しい方法を理解すると、最終的に構築される「適切に」構築されたアプリよりもはるかに優れています。そうは言っても、あなたのアプローチは完全に理にかなっているように思えます。