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 要素がその下に表示されることです (クリアのため：両方）。clear:both を .texts から削除し、その上の div に高さを設定して (または clearfix を使用して)、.texts が重ならないようにすることをお勧めします。

于 2012-10-22T14:57:46.860 に答える