在CSS中浮動div的問題

Question

我想將2列放入網站，我已經得到它的工作正常，但無論出於何種原因，頁面的其餘部分不會更改大小以適應左側的內容柱。以下是它的外觀：www.kelownafoodspecials.com/indexsides.php。

漂亮卡住，所以任何意見將不勝感激。謝謝，

ķ

Answer 1

您應該添加<div style="clear:both;"></div>後直接您#contentright

Answer 2

必須浮起你＃內容格也。對於任何元素decalres，如float：left（or right），如果它們的包含元素不是浮動元素，則包含元素將不會展開以適合內容，並且會覆蓋它所包含的元素。

Answer 3

試一下這個（你的內容的假設沒有意溢）

#content { 
    overflow: hidden; 
} 

我剛剛試了一下使用Firebug，並沒有出現被砍掉（和＃內容將擴大到包含它的浮動子）。

Answer 4

你可以附加一個<div class="clear"/>其風格也喜歡就好：

.clear { 
    clear:both; 
    display:block; 
    float:none; 
}