置頂頁腳+浮動元素

Question

有關粘頁腳CSS一個問題... 可以說我有以下標記：

<div id="container"> 
    <div id="header">header</div> 
    <div id="body">body</div> 
    <div id="footer">footer</div> 
</div> 

正如你可以在這個fiddle看到，與給定的CSS，粘頁腳奇蹟般有效。
如果div＃body只有少量內容，它會停留在頁面的底部，並且當內容很多時，它會從底部推出屏幕。

我現在的問題是，當我嘗試把2浮動div（1左 - 1右）在div＃正文。 然後，頁腳位於屏幕的底部，但在內容很多時不會被按下（您可以看到this fiddle）

我該如何使其工作？我嘗試過在網絡上發現1000個技巧，但仍然無法理解如何使其工作。

在此先感謝。

Answer 1

嘗試：

#body { 
    overflow:hidden; 
} 

編輯：這樣你就不需要額外的元素來清除浮動。

Answer 2

把<br style="clear:both;" />放在浮動div後面。

像這樣：http://jsfiddle.net/9FwCN/1/