0

我尝试使用 div 将自己介绍到无表格布局中。第一次尝试是这个（德语）页面的内部内容：

http://bit.ly/RnSdGP (Shorturl，因为它是一个不打算出现在搜索引擎中的测试站点)

一般来说，这非常有效！但现在我想动态设置列表的高度。我发现，这只适用于 jQuery。我的第一种方法是以下代码段：

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

一般来说，代码片段会按照它所说的去做。但它做得更多！它使用窗口图标和整个框下方的文本移动部分（具有“文本”类的 div）。为什么？没有脚本，布局很好，但是滚动框的大小没有调整为正确的内容:)

我可以在脚本中将高度设置为 2000，但结果是文本字段向下移动到整个框下方。

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

问候

马可

4

2 回答 2

1

尝试在css中设置

vertical-align: top;

对于两个容器。可以修

PS: Dein halber Beitrag ist in English, der andere in Deutsch

于 2012-10-22T14:54:40.183 回答
1

问题是 div ".innerGameInfo .texts" 具有 clear:both 应用于它，并且您正在调整大小的列（.scrollbox）是浮动的，因此当您调整它的大小时，.texts 元素将出现在它的下方（由于明确：两者）。我建议从 .texts 中删除 clear:both，并在其上方的 div 上设置一个高度（或使用 clearfix）以防止 .texts 重叠。

于 2012-10-22T14:57:46.860 回答