Firefox在不同的计算机上计算元素宽度

Question

我今天遇到了一个奇怪的情况。我在构建的Joomla网站（http://boaz.simplem-test.tk）中遇到了问题，Firefox确定了不同计算机之间li（列表项）的宽度。 顶级菜单存在问题。一台计算机中的整个ul.main.menu宽度计算为705px，另一台计算机的宽度计算为722px。当我看着物品的宽度时，每一个都有1-2个像素的差异。 两台计算机都具有相同版本的Firefox（20.0.1），两者都运行在同一个操作系统（Windows 7）上。 关于为什么会发生这种情况的任何想法？

Answer 1

打开CSS源代码http://boaz.simplem-test.tk/templates/main_template/css/template.css，在“主菜单”中没有显示宽度的明确设置。同样，当我使用谷歌浏览器右键单击“检查元素”功能查看页面时（在您的情况下，由于“无需右键单击”脚本，我必须使用Chrome菜单访问它 - ＆gt;工具 - ＆gt;开发人员工具），主菜单中的li报告为width:auto。由于是这种情况，每个菜单项会根据其中包含的文本自动分配宽度，整个菜单可能会受此影响。在所述控制台中，整个菜单的宽度计算为705px，但我无法找到代码中指定的位置。但问题的关键似乎是标题<div>，它与975px一样，而不是1000px，就像页面的其余部分一样。您应该为标题指定width="1000px"，这可能会解决问题。 בהצלחה！