Html 纯css纯菜单标题与Firefox中的项目不对齐？

纯css纯菜单标题与Firefox中的项目不对齐？要查看在Firefox上运行此功能，请执行以下操作：网站的纯菜单标题位于纯菜单项之上，但在Chromium和Opera中排列良好。此外，类“header”不在

<link rel="stylesheet" href="/combo/1.18.13?/css/layouts/marketing.css">? 

？

您需要

浮动：在“您的站点”（
.home menu.pure menu heading
）的左侧浮动

在firefox中发生这种情况的原因（根据这个答案-也经过检查）是firefox将默认的
空白
设置为
nowrap

因此，将包装器div设置为
.pure menu.pure menu fixed
为
空白：normal
也可以解决此问题，实际上可能是更好的解决方案
您需要
float:left
修复它的“您的站点”（
.home menu.pure menu heading
）

在firefox中发生这种情况的原因（根据这个答案-也经过检查）是firefox将默认的
空白
设置为
nowrap

因此，设置包装器div
.pure menu.pure menu fixed
到
空白：normal
也解决了这个问题，实际上可能是一个更好的解决方案，只需将
float:left
添加到
。pure menu heading
。比如：

.pure-menu-heading {
  float: left;
}

希望这有帮助
 只需将
float:left
添加到
。纯菜单标题
。比如：

.pure-menu-heading {
  float: left;
}

希望这有帮助
 如下所示更改您的HTML

<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
    <ul class="pure-menu-list">
        <li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">Home</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">Tour</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">Sign Up</a></li>
    </ul>
<a class="pure-menu-heading" href="">Your Site</a>     
</div>








将锚定标记放在ul之后
更改HTML，如下所示

<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
    <ul class="pure-menu-list">
        <li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">Home</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">Tour</a></li>
        <li class="pure-menu-item"><a href="#" class="pure-menu-link">Sign Up</a></li>
    </ul>
<a class="pure-menu-heading" href="">Your Site</a>     
</div>








将锚定标记放在ul
之后，添加最小化的代码仅查看html和css的源代码。我们需要一个最小可复制的示例。调试问题的问题应提供一个可复制的示例。请参阅添加最小化的代码查看html和css的源代码。我们需要一个最小可复制的示例。调试问题的问题应提供一个可复制的示例。看看为什么只针对firefox？@user7339197根据我的说法，这是因为两种浏览器的规格不同。Chrome在webkit引擎上运行，Firefox在gecko引擎上运行。Firefox添加了
空白
为什么只针对Firefox？@user7339197根据我的说法，这是因为两种浏览器的规格不同。Chrome在webkit引擎上运行，Firefox在gecko引擎上运行。Firefox添加了
空白
为什么只适用于Firefox？
纯菜单。纯菜单修复了{空白：正常}
测试和工作为什么只适用于Firefox？
纯菜单。纯菜单修复了{空白：正常}
tested and worksanchor标记在firefox中占用自己的空间，在anchor标记占用空间后ul开始在firefox中占用自己的空间，在anchor标记占用空间后ul开始