css - 固定フッターが意図したとおりに機能しない

Question

音楽サイトで問題なく機能しているスティッキー フッターがありますが、アルバム数が最も多いジャンルをクリックすると、ページが長くならず、重なり合っています。これにより、フッターの画像の一部が背後にあるため、リンクが読めなくなります。

これはスティッキーフッターの私のコードです

html, body
{
    height: 100%;
}

#wrapper
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px;
}

#footer, .push
{
    height: 60px;
}

Answer 1

formASP.NET はメイン コンテンツをタグに挿入するため、form高さを 100% に設定する必要があります。

CSS を次のように変更すると、問題が解決するはずです。

html, body, form
{
    height: 100%;
}

編集 ラッパーでは、80px のネガティブ スペースを指定し、フッターでは 60px の高さを指定します。フッターの高さを拡張している子要素が表示されていない限り、これらは同じ値である必要があります。これらの値を同じにしてみてください (両方 80 または両方 60 のいずれか、フッターに適した方)。