我有一个下拉菜单，其触发器是一个可变长度的用户名。在下拉里面有按钮。为了使设计看起来很好，当用户的名字真的很长时，我在下拉宽度内做了100％的按钮，当用户的名字非常短时它看起来很好我设置了一个最小宽度。
除IE8外，所有浏览器都能正常运行。
在这个jsfiddle中，我简化了代码，下拉总是“打开”。我还做了两个版本，一个是长名，一个是短名。
如果您在IE8中查看它，当用户名称非常短时，下拉列表会错误地转移到侧面。看起来当你在绝对定位的元素上设置最小宽度时，IE8不喜欢它。
有什么想法吗？ 谢谢！
答案 0 :(得分：0)
我在这里有一个更新的小提琴：http://jsfiddle.net/WrXas/2/
我将此添加到 .fs-top-nav li ，以便顶级菜单项不会换行并中断到下一行
white-space: nowrap;
我将这些添加到 .fs-top-nav li＆gt; a ，因为min-width对于顶级项目更有意义。我也将它对齐，以获得更好的视觉效果。
min-width: 147px;
text-align: center;
我从 .fs-top-nav .fs-top-nav-profile .fs-top-nav-drop 中删除了这一行。我相信这是导致下拉div奇怪放置的原因。
min-width: 147px;