我正在尝试为网站制作垂直边栏。中有多个主要项目ul，如果这些项目具有子类别，则新项目ul会嵌套在ul其父项目下的主要项目中li（这在下面的代码中更加明显）。在最新版的Chrome中，它应显示，但在最新的Firefox中，父级li及其对应的嵌套子项之间有一个空格ul。关于原因有什么想法吗？
这是基本的html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script>
</script>
<style>
</style>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<ul class="navigation">
<li>ITEM1</li>
<li>ITEM2</li>
<ul class="navigation subitem">
<li>subitem1</li>
<li>subitem2</li>
<li>subitem3</li>
</ul>
<li>ITEM3</li>
</ul>
</body>
</html>
这是相应的CSS：
.navigation {
display: inline;
width: 150px;
margin-top: 5px;
padding-left: 15px;
text-align: right;
vertical-align: middle;
}
.subitem {
margin: 0px;
vertical-align: top;
top: 0px;
}
.navigation li {
display: block;
font-family: 'Oxygen'; …