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的高度

回答

相關問題