在我使用this template构建的Foundation上，除了两个导航栏外，一切看起来都正确且反应灵敏。它们都是自己的<div class="row">，但它们在窗口调整大小时彼此重叠。
（有一个@media only screen and (max-width: 767px)应该让它看起来更干净，如果它有帮助的话。）
答案 0 :(得分：0)
实际上，如果您使用开发人员工具在chrome上打开页面，或者使用带有firebug的firefox打开页面，您可以看到当您使页面宽度小于767px宽度时，就会出现问题，因为只有@media屏幕和（max） -width：767px）。我建议检查css原因，如果你从html中删除它会得到更好的结果，所以你可以检查一下css中的哪些属性让你的div疯狂。
答案 1 :(得分：0)
尝试添加foundation.css（第148行）。将类高度调整为140px并将主链接移动到主要内容顶部的某处？该代码严重需要使用高度/边距或div块imo：）
编辑：大致编辑foundation.css行不是你需要的，为特定的高度设置制作单独的css类，并使用正确的媒体查询触发它的使用（导致问题发生的宽度）。这样你可以在顶部导航周围调整你喜欢的任何类，它不是很漂亮，但它可以使事情发挥作用。
答案 2 :(得分：0)
正如Jorge Aguilar所述，问题出现在应用于每个float: none的{{1}}中。此外，我使用<li>属性来拉伸整个屏幕上的元素（就像最初使用浮点数一样，但没有重叠）