html - IE 的 CSS 怪癖

Question

我正在尝试让这个菜单与 IE（主要是 9+ atm）一起使用，但遇到了麻烦。似乎有一些奇怪的填充问题，我似乎无法追踪。有任何想法吗？

这是 JS 小提琴：http: //jsfiddle.net/Ztzn6/

IE版本：

铬版：

Answer 1

添加vertical-align: top;到您的第二个规则组（带有 的那个display: inline-block）。您遇到了一些关于行框和内联元素如何工作的有趣规则，IE 似乎使用了不同的默认行为。