我今天遇到了一个奇怪的情况。我在我建立的 Joomla 网站 ( http://boaz.simplem-test.tk ) 中遇到问题，Firefox 确定不同计算机之间 li (列表项)的宽度的方式。
顶部菜单存在问题。整个 ul.main.menu 宽度在一台计算机中计算为 705px，在另一台计算机中计算为 722px。当我查看元素宽度时，每个元素都有 1-2 个像素的差异。
两台计算机都有相同版本的 Firefox (20.0.1)，都运行在相同的操作系统 (Windows 7) 上。
关于为什么会发生这种情况的任何想法？
最佳答案
打开 CSS 源代码，http://boaz.simplem-test.tk/templates/main_template/css/template.css , 在“主菜单”中没有显示宽度的明确设置。同样，当我使用 Google Chrome 的右键单击“检查元素”功能查看页面时(在您的情况下，由于“无右键单击”脚本，我必须使用 Chrome 菜单->工具-访问它>开发人员工具)，li s 在主菜单中报告为 width:auto .由于是这种情况，每个菜单项都会根据其中包含的文本自动分配一个宽度，并且整个菜单可能会受此影响。在上述控制台中，整个菜单的宽度计算为 705px，但我找不到代码中指定的位置。但问题的关键似乎是标题 <div> ，它以 975px 出现，而不是 1000px，就像页面的其余部分一样。您应该指定 width="1000px"对于标题，这可能会解决问题。啊!
关于html - Firefox 在不同的计算机上以不同的方式计算元素宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16209128/