私は最近、ウェブサイトがどのような解像度で表示されていても、フッターが正しく配置されるように、フッターをページの下部に接続し、中央のコンテンツを伸ばすようにしています.
このウェブサイトで最後に編集してからしばらく経ちましたが、レイアウトを最大に保つために行ったことのほとんどを忘れてしまい、別のエラーに気付きました:(
私のコンテンツは伸びないので、コンテンツ領域にテキストを配置すると、フッターの後ろに移動し、背景画像なしで下に伸びます..
この問題の原因を教えてください。:(
それを改善するためにできることがいくつかあります。あなたのフッターは position: relative; です。理由がよくわかりません... position: absolute; である必要があると思います。下: 0px; そのため、底に固定する必要があります。フッターの位置: 固定; 良い考えではありません。
Web サイトのコンテンツには、フッターの高さと同じ下部パディングが必要です。これにより、フッターに十分なスペースが確保され、コンテンツがフッターの下に収まりません。
私が説明しようとしたことを理解しているかどうか教えてください。あなたのプロジェクトで頑張ってください!