我一直在将模板更新为HTML5，并遇到Chrome的一个奇怪问题。我把无序列表放入＆lt; nav＆gt;菜单的元素，并添加填充以稍微分开它们。 ＆lt; nav＆gt;的宽度足以包含我系统上所有三种浏览器中的所有列表项：IE9，FF5和Chrome（当前）。
但是，Chrome是唯一一个将项目包装成两行的人。
这是测试布局：
http://www.tubbs.org.uk/html5/
关于这里发生了什么的任何想法？
（我知道，顺便说一句，在使用DokuWiki样式表之前，很多很多错误都来自于预处理器的颜色。）
答案 0 :(得分：1)
http://www.tubbs.org.uk/html5/
在Firefox 6.0测试版中，顶部栏也被破坏了。
我注意到的一件事是你正在使用百分比填充，这对于跨浏览器的兼容性通常是一个坏主意。
尝试使用px值代替填充：0 10px vs 0 1.5％
答案 1 :(得分：0)
Chrome似乎正在应用两种不同规则的填充： nav.main li（3％），如果禁用它，则应用nav li（1.5％）中的填充。如果这两个规则都被禁用，则会将它们全部呈现在一行上。
webkit可能是如何解释padding：line的。你可能想尝试一下 padding-left，padding-right，看看是否有帮助。
您还可以使用chrome开发人员的工具包（Ctrl + shift + I）并使用它来启用或禁用各种样式以查看它们的应用方式。