internet-explorer-8 - IE8 最小宽度和绝对定位问题

Question

我有一个下拉菜单，它的触发器是一个长度可变的用户名。在下拉菜单中有按钮。为了让设计在用户名很长时看起来不错，我将下拉菜单中的按钮设置为宽度:100%，为了在用户名很短时看起来不错，我设置了最小宽度。

除 IE8 外，所有浏览器都运行良好。

在这个 jsfiddle 中，我简化了代码，并且下拉列表始终处于“打开”状态。我也做了两个版本，一个是长名，一个是短名。

如果您在 IE8 中查看它，当用户名很短时，下拉菜单会错误地移到一边。似乎当您在绝对定位的元素上设置最小宽度时，IE8 不喜欢它。

http://jsfiddle.net/ntS3t/

有什么想法吗？ 谢谢!

Answer 1

我这里有一个更新的 fiddle :http://jsfiddle.net/WrXas/2/

我将其添加到 .fs-top-nav li 以便顶级菜单项不会换行并跳转到下一行

white-space: nowrap;

我将这些添加到 .fs-top-nav li > a 因为最小宽度在顶级元素上更有意义。我还将它居中对齐以获得更好的视觉效果。

min-width: 147px;
text-align: center;

我从 .fs-top-nav .fs-top-nav-profile .fs-top-nav-drop 中删除了这一行。我相信这就是导致下拉 div 位置奇怪的原因。

min-width: 147px;