javascript - 设置容器的高度以容纳动态大小的小部件

Question

这是一个例子:http://la.truxmap.com/marker?id=thesweetstruck&t=1267058348000

除非我将容器的高度设置为某个固定大小(如 1800 像素)，否则右侧的小部件通常会溢出。我想要做的是让带有白色背景(容器)的 div 始终至少跨越到小部件的底部。我不想使用溢出，因为我不想隐藏任何东西，我当然不想要滚动条。

有没有 css 解决方案？我觉得除了编写 javascript 解决方案之外，我已经尝试了几乎所有方法，我想避免这种情况，因为我仍然是 javascript 的业余爱好者。非常感谢!

编辑:

我对如何做到这一点没有任何要求，就像一个解决方案。一个多星期以来，我一直在努力解决这个问题，现在它让我发疯。

Answer 1

看起来您只需要清除您的 float 。在这个 div 之后

<div id="truckLogo">...bunch of stuff...</div>

添加

<div style="clear:both;"></div>