如何設置頁腳底部？

HTML：

<div id="content"> 
<div id="A"> 
A 
</div> 
<div id="B"> 
B 
</div> 
</div> 
<div id="footer"> 
    footer 
</div>

CSS：

#content{ 
    width:600px; 
} 
#A{ 
    position:relative; 
    float:left; 
    background:#0000ff; 
    width:300px; 
    height:600px; 
} 
#B{ 
    position:relative; 
    float:right; 
    background:#00ff00; 
    width:300px; 
    height:100px; 
} 
#footer{ 
    background:#ff0000; 
}

我想設置在底部頁腳，頁腳卻是剛下的div B.

時我使用float：left作爲頁腳，儘管頁腳處於底部，但我必須設置頁腳的寬度，但是我想讓頁腳的寬度等於瀏覽器窗口的寬度。

那麼我怎樣才能設置頁腳底部和設置頁腳的寬度等於瀏覽器窗口的寬度？任何建議表示讚賞。

來源

2010-08-20 Mark Ma