1

これを解決する方法や、何を見ればいいのかわかりません。一連のクラスにフローティングを使用していますが、うまく機能します。また、その上で、クリックしてコンテンツを表示および非表示にできるようにしました(クラス内でコンテンツを表示します)。私の問題は、クラスが展開されているときに浮動小数点数が奇妙に動作することです。あなたがそれらをクリックしたときだからです。新しく作成したページを立ち上げようとしていましたが、これを見ました! 実際に見てみましょう:

私のページを見るには ここをクリック他のボックスとギャップを残します。この問題を解決するにはどうすればよいですか? ボックス間の空白は必要ありません。

これにはJqueryが使用されます。

$(".desccontent").show();
$(".desccontent").hide();  

    $('.buildorderbox').click(function(){
    $(this).children(".desccontent").slideToggle();
    });

各クラス要素は float: left と auto height を取得しました。何か案は?

4

1 に答える 1

2

2つの異なるdivが必要です。1つは左のコンテンツ用、もう1つは右のコンテンツ用に作成します。

<div id="protoss">
  <div class="columnLeft" style="width: 350px; float:left">
    <div class="buildorderbox"></div>
    <div class="buildorderbox"></div>
  </div>
  <div class="columnRight" style="width: 350px; float:left">
    <div class="buildorderbox"></div>
    <div class="buildorderbox"></div>
  </div>
</div>
于 2012-09-26T22:21:51.430 に答える