当设置另一个div的高度时,jQuery正在移动div

时间:2012-10-22 14:51:46

标签: jquery html css

我试图使用div将自己介绍为无表格布局。第一次尝试是这个(德国)页面的内容:

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

一般情况下,这非常有效!但现在我想动态地设置列表的高度。我发现,这只能使用jQuery。我的第一个方法是以下片段:

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

一般来说,该代码片段的作用就是它所说的。但它确实做得更多!它将部分(div与类“文本”)与窗口图标和整个框下方的文本一起移动。为什么?没有脚本,布局很好,但滚动框没有调整到正确的内容的重点:)

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

也许有人可以看到我做错了什么,提前谢谢:)

迎接

2 个答案:

答案 0 :(得分:1)

尝试在css中设置

vertical-align: top;

两个容器。可以解决它

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

答案 1 :(得分:1)

问题是div“.innerGameInfo .texts”已经明确了:两者都应用了它,并且你要调整大小的列(.scrollbox)是浮动的,所以当你调整它的大小时,会出现.texts元素低于它(由于明确:两者)。我建议删除clear:都来自.texts,并在它上面的div上设置一个高度(或使用clearfix)以防止.texts重叠它。