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

下面是一个例子：

右边的小部件通常会溢出，除非我将容器的高度设置为固定大小，如1800px。我想做的是让白色背景（容器）的div始终至少跨越小部件的底部。我不想使用溢出，因为我不想隐藏任何东西，我当然不想滚动条

有css解决方案吗？我觉得除了编写javascript解决方案之外，我几乎什么都试过了，我想避免编写javascript解决方案，因为我仍然是javascript的业余爱好者。非常感谢

编辑：

---

我没有任何关于如何做到这一点的要求，我只是想要一个解决方案。我花了一个多星期的时间试图解决这个问题，现在快把我逼疯了。

看来你只需要清理一下你的浮标就行了。在这个div之后

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

…一堆东西。。。

加

这似乎无法解决问题。容器div的高度是否应设置为特殊值？这类问题通常可以用css解决吗？看起来可能与我上次看到的不同，或者我记下了错误的id。去掉所有最小高度的东西，并添加明确的内容：这两个部分都是啊，是的。很抱歉，页面是动态创建的，我发布的原始链接不再存在，因此它会将您转发到另一个外观类似的页面。不过，我在另一个页面上也遇到了同样的问题，因此我正在尝试让您的解决方案立即生效

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