0

スクロールバーの問題を解決しようとしています。

3 つの div を垂直方向に配置したいという問題があり、中央の div にはフッターとヘッダーの左側のスペースが必要でした。

この投稿は、この部分で役立ちました: CSS で 100% の中間 div?

問題は、コンテンツが中央の div スペースをオーバーフローしたときに、コンテンツ div (中央の div) にスクロールバーを表示する必要があることです。

今私はこれを持っています: http://jsfiddle.net/rv4XS/31/

<body>
   <div id="wrap">
      <div id="container">
   <div id="header">header
   </div>
   <div id="content">data<br/>
      data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>data<br/>
   </div>
   </div>
   </div>
      <div id="footer">footer
   </div>
</body>​

助けてくれてありがとう。

編集 1: firefox と chrome のみ、IE はありません。

EDIT 2:私の質問をうまく説明していないかもしれません:コンテンツに基づいて高さが可変のヘッダーがあり、フッターの高さは固定されています。ヘッダーの高さが可変で、フッターの高さが固定であることがわかった場合、フッターとヘッダーによって残されたすべてのスペースを使用する中央の div (コンテンツ div) を作成するにはどうすればよいでしょうか?

ヘッダーの高さが大幅に増加すると、中央の div が表示されず、ヘッダーとフッターのみが表示されます。もちろん、中央の div にデータが含まれていてトリミングされている場合、スクロールバーを表示する必要があるという考えがあります。

4

1 に答える 1