Jquery ui 在Firefox中使用JQuery UI的选项卡下的间隙

我已经在我的网站的各个方面使用了JQueryUI，除了firefox之外，一个小的选项卡式菜单集工作得很好。下图显示了在firefox顶部和IE9下面呈现的相同代码。注意卡舌下的间隙和卡舌内填充的（可能？）增加。我已经从网站上删除了我的所有样式表（第二张图片），只剩下基本的JQuery UI，但是仍然存在差距，而且只出现在firefox中

js调用尽可能基本：

    $("#menuTabs").tabs();

在IE优于firefox的情况下，我很少出现显示问题。。。删除了我生成的所有CSS，并确保没有应用任何样式，我不知道下一步该去哪里看

如果你能提供任何关于可能导致它的建议，我会很高兴的

[编辑] 在尽可能地缩减代码并只使用“已知良好”库之后，结果证明这是由于它位于表单元格中造成的

这里有一些代码，你可以玩一下！ 但是，当选中“规范化CSS”时，它确实可以工作，所以它可能是从单元格继承的

[编辑#2]

对

所以

事实证明，应用于表格以删除填充、边距和边框等的CSS样式是不够的。必须在表定义中包含cellpadding=“0”和cellspacting=“0”，否则jQuery选项卡周围会有一些额外的填充

奇怪

JSFIDLE带表格，无附加项：

JSFIDLE（表格间距/填充已剥离）：

---

我不知道为什么HTML单元格属性被转移到选项卡中。我很高兴能修好它

这是由

ui-helper-clearfix

类中的错误引起的。见和。正如你从票上看到的，这是在1.10.1中修正的。我制作了一把小提琴，展示了这个和。后者表明，如果您现在无法升级到1.10.1+，您可以只包含以下CSS：

.ui-helper-clearfix:after {
    border-collapse: collapse;
}

---

使用Firebug，看看是什么造成了这一差距。这是一个填充或边距问题。除了jQueryUI css文件中的样式（参见上面的fiddles）之外，没有其他样式。然而，似乎html属性从它所在的表中继承下来的一些内容已经流到了样式中。不知道如何或为什么，但现在似乎已修复。感谢您的编辑、解释和解决方案！我也遇到了同样令人沮丧的问题。这通常是

ul

边距，可能来自浏览器。设置您自己的/normalize以解决此问题。