永続的なナビゲーション ヘッダーを持つスクロール可能なリストを作成しようとしています。ただし、リストの一番下までスクロールすると、リストがヘッダーによって押し下げられるため、最後のいくつかの項目が表示されません。問題を示すためにjsfiddleを作成しました:
問題は高さ: 100% です。どうすればこれを修正できますか? CSS3 calc()を使用して、高さ: calc(100% - 3em); を作成できます。ただし、calc() をサポートしていないブラウザーをターゲットにしています。
私の質問は、ネストされた要素を 2 つ持つことができるかということだと思います。1 つは高さを em 単位で、もう 1 つは % 単位で測定し、それを機能させることはできないようです。