css - フッター div が一番下に表示されない

Question

赤いフッターが真ん中にあがります。それを一番下に保つ方法は？と のようclear: bothにoverflow: hidden。

いろいろ試しましたが、何か間違っているのでしょうか？

デモ

コードが大きすぎてここに貼り付けることができません (30000 文字の制限)。作業フィドルを送ってください。

更新：今すぐ動作します。

#footer {
  position: relative;
  height: 274px
  bottom: 0;
  margin-top: 274px;
}

Answer 1

あなたが持っている

#footer {
    margin:-274px 0 0;
}

これは、負の上部マージンを与え、フッターを上に移動しています。その行を削除してみてください。ただし、ページのコンテンツを微調整する必要がある場合もあります。フッターの後ろに表示されないように、コンテンツに clearfix を使用する必要があります。

Answer 2

これを試して ：

#フッター{
    位置:固定;
    下:0;
}

Answer 3

1. clear: bothposition: absolute通常の流れから外れているため、要素に対しては無効です。
2. position: absolute; bottom: 0;要素にスタイルを設定するdiv.galleryと、コンテナの下部になります。

しかし、それだけでは十分ではありません<div class="gallery">。コンテナ div の外に移動するには、まだ移動する必要があります。