在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; 
}