我有一个导航菜单，它是一系列div，交替显示带菜单链接的div，然后是'菜单分隔符'div，其中包含一个2px宽的'分隔条'图像。分隔符div的宽度为24px，因此它们形成适当的分离。
在某些“菜单链接”div上，我有一个常规的悬停下拉列表，其中包含<\li>等。使用Jquery，我在下拉菜单中将<\li>的宽度设置为相同的宽度作为菜单上的父div，然后我添加24px（因此它扩展并与2个分隔符divs的分隔符图像对齐）并添加左侧定位，以便看到下拉列表的边框从分隔条延伸。
在Firefox中，一切都很好。但是在Chrome和IE浏览器中，有时它很好，有时它不是：根据下拉菜单的主菜单链接'div的内容，有时下拉有时会错误对齐一个像素，有时像10像素。在FF中，无论菜单链接div的内容如何，它每次都显示正确。在IE和Chrome中，它取决于内容。例如。菜单链接div中的“Artwork”可能意味着下拉列表完美排列，但是同一div中的“Artwork Shop”可能意味着下拉列表中的一两个像素。但在FF中，一切都很好......
有没有人有任何建议，为什么这可能是，或什么可能是一个修复？浏览器是否显示不同像素的不同字母？由于某些原因，在IE / Chrome中jQuery的宽度是否与FF不同？
我的代码有点乱，包含图片但尚未上网，所以我还不能轻易展示示例...
编辑：您可以在以下位置查看示例，以及它在所有浏览器中以及在不同内容中的显示方式：http://jsfiddle.net/jaslfpihdaddle/aFAF9/7/。我希望有人会告诉我我有多愚蠢，阅读手册，这一切都很容易解决！ ;）
答案 0 :(得分：0)
问题是保证金：汽车在IE中毁了它。所以我要让jQuery制作下拉列表中心的div而不是margin：auto，一切都会好的！ ：）
（但IE仍有不同的宽度（）到FF，Chrome和Safari ...）