jquery - jquery选项卡在顶部添加空间

Question

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

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

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

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>

Answer 1

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

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

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