Question

[编辑] 请注意，这不是一个重复的线程，虽然它围绕与前一个主题相同的主题。 [/编辑]

仅仅一两天前我创建了一个类似的线程，并获得了一些非常需要的答案，但由于线程没有太多关注点，我希望你能原谅这个重写，可以这么说。

所以基本上我之前已经这样做了，但是我发现，有一些可疑的方法，我现在应该修复。除了其他的东西，我不再使用display：table-cell，而是display：inline-block。

那么问题是什么呢？好吧，我想达到某种程度的完美，因为我很容易混淆，我非常希望你们中的一些人能够仔细研究并传递你们的意见和建议。也许花几分钟时间帮我整理CSS等等。

现在我没有期望，我意识到我不是唯一有需要的人，但如果你有时间，我会非常感激。这是一个工作示例的链接。 http://jsfiddle.net/7fD4S/

html应该没问题，虽然它让我很烦恼，因为它影响内联块属性的方式可能无法呈现列表，但我可以忍受。

关于CSS，正如所解释的那样，我很容易混淆我的自我。我认为CSS需要一些整理，但说实话，我无法管理它。

总而言之，我想我只想要批准。这是正确的，没有重大问题等等。

应该注意，这只适用于IE9和其他较新的浏览器。一切都很顺利，可能会包括对IE8的支持，但这还有待确定。

嗯，就是这样。

希望你花几分钟时间仔细研究，感谢提前和最好的问候。

编辑：更新示例：http://jsfiddle.net/7fD4S/2/ 将位置从21更改为20px以避免差距。

Answer 1

我唯一注意到的是你应该改变：

header div {
    top: 21px;
}

要

header div {
    top: 20px;
}

否则在1px边框处有一个死区，似乎不会触发：悬停效果，从而使其不稳定。