我有一个下拉菜单，谁触发的用户名可以是可变长度的。在下拉菜单中有按钮。为了使设计在用户名真的很长时看起来不错，我在下拉宽度内设置了按钮：100％，在用户名很短的时候让它看起来很好，我设置了最小宽度。
除了IE8，其他所有浏览器都可以正常运行。
在这个jsfiddle中，我简化了代码，下拉菜单始终为“ on”。我也做了两个版本，一个带有长名称，另一个带有短名称。
如果您在IE8中查看它，则当用户名非常短时，下拉菜单会错误地移到一边。当您在绝对定位的元素上设置最小宽度时，IE8似乎不喜欢它。
http://jsfiddle.net/ntS3t/
有任何想法吗？
谢谢！
最佳答案
我在这里有一个更新的小提琴：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;
关于internet-explorer-8 - IE8最小宽度和绝对定位问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11835089/