【发布时间】：2012-08-01 23:17:03
【问题描述】：
我在我的 JQuery UI 模式对话框中使用 JQuery UI 手风琴。我的代码与我在网上找到的几个工作示例相同（尤其是http://jsfiddle.net/eKb8J/）。怀疑罪魁祸首与 CSS 相关，但不知道如何解决该问题。
我正在使用 JQuery UI 1.8.7 和 JQuery 1.7.2。
问题 本质上，箭头和标题垂直条与手风琴标题不对齐，使其看起来非常草率。我希望标题与箭头和标题垂直条出现在同一行。 发布的问题截图： http://i.stack.imgur.com/rpn1H.png
任何帮助将不胜感激！
当我使用 Ctrl-Shift-I 查看 FireFox 中的元素时，我得到： 应用于手风琴元素的 CSS：http://i.stack.imgur.com/DCpSe.png 应用于手风琴内的标题元素的 CSS：http://i.stack.imgur.com/iD2tM.png
【问题讨论】：
-
如果可能的话，将您的 css 文件链接到 jsFiddle，那么我们将能够复制该问题。但你是对的，某处样式正在覆盖默认样式。
-
它不能在 jsFiddle 中真正复制，因为它已集成到 ASP.net 环境中。
-
没有原始来源很难解决这个问题。你可以做些什么来解决这个问题是使用检查器（或者更好的是，Firefox 插件“Firebug”）来查看你的元素正在使用哪些样式，并实时禁用/启用和更改它们。使用这些工具和一点 CSS 知识，您应该能够自己解决这个问题。
标签： javascript jquery html css jquery-ui