0

要約すると、ウィンドウの高さと幅の両方で「サイズ変更可能なページ」を取得しようとしています。私も2つの固定ブロックを持っています。1 つはページの上部に、もう 1 つは左側にあります (たとえばFlowアプリのように)。

ご覧のとおり、画面の黄色の部分をサイズ変更可能 (css のみ) にしようとしていますが、高さの部分で問題が発生します。スクロール ゾーンは、常に一番上のブロック (赤いブロック) の高さをカウントしています。

JavaScriptを使わないようにする方法はありますか?

4

1 に答える 1

0

id="container" の div の高さは 100% です。これは、含まれている id='wrapper' div の 100% を意味します。考えられる解決策の 1 つは、高さを次のようにすることです。

赤の部分: 全高の 10% 青 + 黄 (つまり、「ラッパー」の div): 高さの 90%

これは、「コンテナ」ラッパーがそれらの 90% を適切に満たす必要があることを意味します。

編集:唯一の欠点は、赤い部分がピクセル単位で固定された高さではなくなったことです。

于 2011-05-03T14:10:39.937 に答える