フッターは一番下まで来ていません

Question

フッターは一番下まで来ていません。 は、私は人々が見てするためのjsフィドルに私のコードを入れている：

http://jsfiddle.net/q2pd5/

私の問題は、より良い実際のページ上に表示されて

： http://dev.madhousecreative.co.uk/ またはjsfiddleのフルスクリーン結果にその明らかです。

見て分かるように、フッターの下に白い隙間があり、なぜそれが現れているのかわかりません。

私はここにフロートをたくさん持っていますが、私は必要に応じてクリアしてみました。

他の質問の回答に示唆されているように、フッターを貼り付けようとしましたが、それでも問題はありません。私の知る限り、それはちょうどあなたのCSSで#footerする

overflow: hidden 

を追加するすべてのブラウザで

Answer 1

で承知していますよう

。これは、しばしば見落とされる小さなトリックです。基本的にはオーバーフロー：隠されたdivは内容に基づいて垂直にサイズを設定することができます。

Answer 2

フッターのリストのうち、floatをクリアしていません。あなたのフッタが適切に消去されていない

#footer { 
    overflow: hidden; 
} 

Answer 3

：このようなフッターにoverflow: hidden;とClear it。そのようなclearfixでそれを試してみてください。

#footer:before, #footer:after { 
    content: ""; 
    display: table; 
} 
#footer:after { 
    clear: both; 
} 

#footer { 
    zoom:1; /* ie fix */ 
} 

Answer 4

フッター、背景画像のheight: 200px;指定し、チョッピングを持っています。フッターは実際にはウィンドウの下部まで延びていますが、リストの最後の項目は白い背景上に白いテキストであるため表示されません。

つまり、overflow: hiddenを設定しても、それだけでは解決されず、残りのフッターがチョップされます。 height: 200pxも削除してください。