0

永続的なナビゲーション ヘッダーを持つスクロール可能なリストを作成しようとしています。ただし、リストの一番下までスクロールすると、リストがヘッダーによって押し下げられるため、最後のいくつかの項目が表示されません。問題を示すためにjsfiddleを作成しました:

http://jsfiddle.net/U34vq/12/

問題は高さ: 100% です。どうすればこれを修正できますか? CSS3 calc()を使用して、高さ: calc(100% - 3em); を作成できます。ただし、calc() をサポートしていないブラウザーをターゲットにしています。

私の質問は、ネストされた要素を 2 つ持つことができるかということだと思います。1 つは高さを em 単位で、もう 1 つは % 単位で測定し、それを機能させることはできないようです。

4

1 に答える 1

1

このソリューションを確認してください。position: absolute;アイテムに追加しbottomtopパラメーターも設定しましたが、問題なく動作するようです

http://jsfiddle.net/skip405/U34vq/15/

于 2012-08-13T18:14:04.737 に答える