CSS中浮动div的问题

Question

我正在尝试将2列添加到网站中，我已经将其设置为正常但无论出于何种原因，页面的其余部分都不会更改大小以适应左列中的内容。以下是它的外观：www.kelownafoodspecials.com/indexsides.php。

相当困难所以任何建议都会非常感激。谢谢，

ķ

Answer 1

您应该在<div style="clear:both;"></div>

之后直接添加#contentright

Answer 2

您还必须浮动 #content div。对于任何元素decalres为 float：left（或right），如果它们的包含元素也不是浮动元素，则包含的元素将不会展开以适合内容，并且它将覆盖它包含的元素，因为看到那里。

Answer 3

试试这个（假设你的内容都没有溢出）

#content {
    overflow: hidden;
}

我只是尝试使用Firebug，似乎没有任何东西被切断（#content会扩展以包含它的浮动子）。

Answer 4

你可以追加一个风格如下的<div class="clear"/>：

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