Question

我正在为客户开发一个网站，并尝试将多个菜单添加到单个页面。它们的标签完全不同，截至目前，其中一个菜单只是一个列表。它没有css格式，并且根本没有链接到样式表。第一个菜单可能是问题的原因。无论如何，我有一个这样的清单：

<ul>
    <li><a href="#"><span>All</span></a></li>
    <li><a href="#"><span>Test Category</span></a></li>
    <li><a href="#"><span>Another test</span></a></li>
    <li><a href="#"><span>More tests</span></a></li>
    <li><a href="#"><span>Categories</span></a></li>
</ul>

这在谷歌浏览器中运行得很好，但每当我在Firefox或Internet Explorer中打开它时，它都会这样格式化： http://gyazo.com/74157a833e0bff1e62a2a6cba5db5f5f

由于我不太确定问题的根源是什么，它太大而无法发布，而CSS和HTML是客户端，我将不会在这里发布所有代码，但请随时查看我的代码在http://www.capbig.tk

注意：网站当前托管的服务器偶尔会无响应。它只会返回一个空白页面。请耐心等待，我知道您正在努力帮助我，所以对于给您带来的任何不便，我们深表歉意。

任何帮助非常赞赏。谢谢！

Answer 1

将它放在你的样式表中。

#categories{
  clear:both;

}

现在请记住，列表会被推下一些，但这是因为您将最高列表定位为-100px。

CSS在Chrome中运行，但不适用于IE或Firefox

1 个答案: