jquery选项卡在顶部添加空间答案

【问题标题】：jquery tabs add space at the topjquery选项卡在顶部添加空间
【发布时间】：2012-12-16 23:44:48
【问题描述】：

好的，这是交易。我从 http://jqueryui.com/tabs/#mouseover 安装了 jQuery 选项卡

但是，当我激活选项卡 3、4、...时，它似乎只在前两个选项卡上工作正常。它在每个 div 之前添加了一些空白空间，因此每个 div 向下移动大约 10 像素。

我的脚本没什么大不了的：

jQuery：

$(document).ready(function() {
    $( "#tabs" ).tabs({
        event: "mouseover"
        });
});

HTML：

  <div id="tabs">

    <ul class="tabs">
      <li><a href="#tab-1">1</a></li>
      <li><a href="#tab-2">2</a></li>
      <li><a href="#tab-3">3</a></li>
      <li><a href="#tab-4">4</a></li>
      <li><a href="#tab-5">5</a></li>
      <li><a href="#tab-6">6</a></li>    
    </ul>

    <div id="1"></div>
    <div id="2"></div>    
    <div id="3"></div>
    <div id="4"></div>
    <div id="5"></div>
    <div id="6"></div>

  </div>

【问题讨论】：

我用您提供的代码创建了一个 jsfiddle，但我无法重现该问题。 jsfiddle.net/F4Hg6 ，所以我的猜测是您的 css 有问题。您为什么不创建一个 jsfiddle 来重现您的问题，以便我们为您提供帮助。
这是我的版本，问题依然存在jsfiddle.net/B4tq2检查一下，没有附加CSS
抱歉，我看不出是什么问题。
您是否尝试将鼠标悬停在标签上？它不断将它们移动到页面底部
好的，现在我可以看到了，谢谢！

标签： jquery jquery-ui jquery-plugins

【解决方案1】：

问题是关闭每个div，有多余的br

</div> <br /> 
         ^
         ^
         ^ 
       (remove this br) 

       <div id="tab-n".....>
          // something
       </div>

【讨论】：