【问题标题】:set the height of a container to hold dynamically-sized widget设置容器的高度以容纳动态大小的小部件
【发布时间】:2010-02-25 01:52:22
【问题描述】:

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

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

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

编辑:

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

【问题讨论】:

    标签: javascript css html


    【解决方案1】:

    看起来你只需要清除你的浮动。在这个 div 之后

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

    添加

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

    【讨论】:

    • 这似乎无法解决问题。容器 div 的高度是否应该设置为特殊的?这种类型的问题通常可以用 css 解决吗?
    • 它看起来要么与我上次查看的不同,要么我写错了 id。摆脱所有那些最小高度的东西并添加 clear:both 到这个 div
    • 啊,是的。抱歉,页面是动态创建的,而我发布的原始链接不再存在,所以它会将您转发到一个不同的、外观相似的页面。
    • 我在其他页面上也遇到了同样的问题,所以我正在尝试让您的解决方案立即运行
    猜你喜欢
    • 2013-06-02
    • 1970-01-01
    • 2014-09-12
    • 2018-10-29
    • 2011-10-24
    • 1970-01-01
    • 1970-01-01
    • 2011-11-14
    • 2014-09-17
    相关资源
    最近更新 更多