jquery ui-tabs小部件，用css改变背景的颜色会导致显示问题

Question

我正在使用jquery标签插件，并希望背景为浅灰色。在tab的css部分，我找到了这行代码，我手动添加了背景颜色部分：

.ui-tabs .ui-tabs-panel { padding: 1em 1em; display: block; border-width: 0; background-color:#EEEEEE;}

问题如下图所示，灰色背景仅延伸到部分路径。我最初认为我可以使用相同的背景颜色更新div容器，但它不起作用。看起来下面的白色部分可能是某种填充，所以我在css中寻找它，但我尝试的一切都有相同的效果。

有人有想法吗？

alt text http://www.redsandstech.com/ui_tab.jpg

这就是HTML的样子（理论上）：

<div id="tabs_here">
   <ul>
      <li><a href="#" onclick="$('#T_1').html('Display the data');" >Item Groups</a>
      </li>
   </ul>
   <div id="T_1"></div>
</div>

Answer 1

这看起来很简单，但有时这是您错过的简单解决方案...检查#T_1或#tabs_here是否指定了特定的高度，或者向其添加overflow:hidden以进行检查看起来你的内容正在延伸过去。