1

我不知道如何解决这个问题或什至看什么，我将浮动用于一堆类并且效果很好。最重要的是我做了，所以你可以点击显示和隐藏内容（在类内显示内容）。我的问题是，当课程扩展时，浮动只是表现得很奇怪。因为当你点击它们时。我即将启动我新创建的页面，但后来我看到了这个！看看它的实际效果：

单击此处查看我的页面 单击右侧的“框”，其中显示：“Forge Nexus Opening”，然后看到我的底部“框”（文字显示：“Nexus Forge Opening”）被放下并跟随另一个盒子并留下一个间隙。我该如何解决这个问题？我不想要盒子之间的空白。

Jquery 用于此。

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

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

每个类元素都有浮动：左和自动高度。有任何想法吗？

4

1 回答 1

2

您需要两个不同的 div，为左侧内容创建一个，为右侧内容创建另一个

<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 回答