jQuery的移动div时，设置另一个div的高度

我试图将自己介绍到使用divs的无表格布局。第一次尝试是这样的（德国）页的内部内容：jQuery的移动div时，设置另一个div的高度

http://bit.ly/RnSdGP（SHORTURL，因为它是一个测试网站不是为了显示在搜索引擎）

一般来说，这个完美的作品！但现在我想动态地设置高度列表的高度。我发现，这只适用于jQuery。我的第一个方法是以下代码片段：

$(window).load(function() {  
     $(".scrollBox").height($(".gameInfo").height());  
    });

通常情况下，代码段完成它所说的内容。但它甚至更多！它使用窗口图标和整个框下面的文本移动部分（带有“文本”类的div）。为什么？没有脚本，布局是好的，但点的滚动没有被调整到正确的内容:)

我可以在脚本中设置高度为2000，但结果是，文本字段是在整个箱子下面移动。

也许有人可以看到我在做什么错，在此先感谢:)

电贺

马尔科

来源

2012-10-22 Marco Klein

尝试在CSS

vertical-align: top;

两个容器设置。可以修复它

PS：在Englisch戴恩halber端砚IST，在德语

来源

2012-10-22 14:54:40 tobspr

你的意思是哪个容器？滚动框和文本？如果是这样，这不能解决问题。 PS：Oh，da scheint mir was beimÜbersetzenentgangen zu sein :) Danke！ –

对于这两个容器.. – tobspr

德ANDERE的问题是，格“.innerGameInfo .texts”有明确的：既适用于它，和列你”重新调整大小（.scrollbox）是浮动的，因此当您调整大小时，.texts元素将出现在它下面（由于明确：两者）。我建议删除清除：来自.texts，并在其上方的div上设置高度（或使用clearfix）以防止.texts与其重叠。

来源

2012-10-22 14:57:46

好吧，如果我删除了清除：两者都会显示在正文下面，并与评分重叠（游戏封面下方的绿色框）。这个clearfix究竟是什么？阅读一下，但永远不会知道如何使用;） –

这是一个样式表和类，您可以将其应用于具有浮动子元素的元素，以确保跨浏览器的包含元素调整大小以适应其内容。没有它，在某些浏览器中，包含元素的大小不会增加到其内容的大小 - 请参阅http://www.webtoolkit.info/css-clearfix.html –

嗯，刚才那样做了。好的结果，但现在“封面”div与“文本”div重叠。如何解决这个问题？ –

jQuery的移动div时，设置另一个div的高度

回答

相关问题