我有一个下拉菜单，它的触发器是一个可以是可变长度的用户名。在下拉菜单中有按钮。为了让设计在用户名很长时看起来不错，我将按钮设置为下拉宽度：100%，并且为了在用户名很短时看起来不错，我设置了最小宽度。
除了 IE8，所有浏览器都运行良好。
在这个 jsfiddle 中，我简化了代码，并且下拉菜单始终“打开”。我也做了两个版本，一个长名字，一个短名字。
如果您在 IE8 中查看它，当用户名很短时，下拉菜单会错误地移到一边。似乎当您在绝对定位的元素上设置最小宽度时，IE8 不喜欢它。
有任何想法吗？谢谢！
我在这里有一个更新的小提琴：http: //jsfiddle.net/WrXas/2/
我将此添加到.fs-top-nav li以便顶级菜单项不会换行并中断到下一行
white-space: nowrap;
我将这些添加到.fs-top-nav li > a因为 min-width 在顶级项目上更有意义。我还居中对齐它以获得更好的视觉外观。
min-width: 147px;
text-align: center;
我从.fs-top-nav .fs-top-nav-profile .fs-top-nav-drop中删除了这一行。我相信这就是导致下拉 div 位置奇怪的原因。
min-width: 147px;