1

常に画面に表示されるボックスを Web ページに追加しようとしています。HTML は次のようになります。

<div class="mySideBar"> <!-- Some text and other elements --> </div>

適用されるスタイルは次のようになります。

.mySideBar { position: fixed; width: 20%; height: 80%; overflow-y: scroll; }

ウィンドウのサイズを変更すると、スクロールバーの下ボタンが画面外とフッターの下に消えるまで、うまく機能します。フッター HTML は次のようになります。

<div class="myFooter"> <!-- Some text and other elements --> </div>

CSS は次のようになります。

.myFooter { position: fixed; width: 100%; height: 24px; overflow-y: scroll; }

相対的な位置や他のいくつかのことを試してみましたが、うまくいかないようです。残念ながらIE7でも動作する必要があり、問題を表示する難読化されたスニペットしか投稿できないと思います。明らかに見逃しているものはありますか？

4

1 に答える 1

0

離れてから自分で答えを見つけ、今日戻ってきました。申し訳ありませんが、コメントを残した人には返信できませんでしたが、オンラインになれませんでした。フッターの高さである 24px に設定された値で bottom を使用すると、オーバーフロー スクロール バーは配置されたままになります。

于 2013-09-27T08:18:37.633 に答える