0

フッターCSSにこのようなことをすると

footer {
position: fixed;
top:800px;
left:0;
width:100%;
height:80px;
}

もちろん、ブラウザウィンドウを下から上にサイズ変更すると、フッターは移動せず、メインコンテンツと重なることはありませんが、サイトをさまざまな画面サイズで表示すると、フッターはもちろん固定フッターです一部の画面サイズの下部は、それよりも大きいサイズでは、固定されているため、もちろん下部にはありません。したがって、最終的に私が望んでいるのは、次のようなフッターです。

footer {
position: fixed;
top:90%;
left:0;
width:100%;
height:80px;
}

これにより、サイズ変更に関係なくページの下部に留まるフッターが作成されますが、コンテンツに重なる可能性があります。コンテンツが重ならないように、常に下部に表示される固定フッターが必要です。

一般的なサイズのメディア クエリを使用することもできますが、もちろん一部のサイズではうまくいきません。誰でも私を助けることができますか?

4

1 に答える 1