我使用 jQuery UI Accordion 小部件，每个项目之间都有一些空间。问题是，在 IE 8 中，当您滑动某个项目时，它可以很好地滑动，但会消除它与向上的项目之间的空间。不过，它在 FF 和其他浏览器中运行良好。 
但是，当我将鼠标悬停在该项目上时，它会创建该空间。
我使用 HTML5 文档类型，但它也不适用于其他文档类型。
谢谢。
编辑:这是一个 live example .
最佳答案
尝试申请margin-bottom:5px;至.ui-accordion-header .
这将导致打开的 header 与其内容之间出现间隙，但您可以通过删除 .ui-accordion-header.ui-state-active 上的边距来修复该问题。并将其应用到.ui-accordion-content-active相反。
所以你的 CSS 看起来像这样:
.ui-accordion-header {<br/>
margin-bottom:5px;<br/>
}<br/>
.ui-accordion-header.ui-state-active {<br/>
margin-bottom:0;<br/>
}<br/>
.ui-accordion-content-active {<br/>
margin-bottom:5px;<br/>
}
这可能需要一些调整，但应该可以让你大部分达到目标。
关于jQuery UI Accordion 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3229723/