Question

我认为我的CSS代码有问题，但我无法弄清楚是什么。

导航栏位于容器内，分为两侧（leftnav和rightnav），中间（中间）有一个徽标。

任何帮助都会非常感激。谢谢！

JSfiddle：http://jsfiddle.net/richirich/JTXPr/

    <div class="container">
  <header>
      <div id="header">
        <ul class="leftnav">
            <li><a href="index.html">HOME</a></li>
            <li><a href="music.html">MUSIC</a></li>
          </ul>
        <ul class="center">
            <li>
            <img class="headerimage" src="images/header.png" alt="Richi Rich Logo" />
            </li>
            </ul>
          <ul class="rightnav">
            <li><a href="about.html">ABOUT</a></li>
            <li><a href="index.html">GALLERY</a></li>
        </ul>
    </div><!--end header-->
    </header>
    </div>

Answer 1

现在我猜你在找这样的东西http://jsfiddle.net/eGcLA/ 我废弃了你正在使用的大部分代码而不是多个无序列表，我使用了非常流行的HTML5标题和锚标记。

 <header>
      <a href=""> Link </a>
      <a href=""> Link </a>
      <a href=""> Link </a>
 </header>

简单性更好。如果您希望设计具有响应性，请阅读media queries

在您获取此代码并运行之前，我想指出一些事项：

stackoverflow上的人是很棒的人，试图互相帮助。粘贴一大堆代码，其中大部分代码难以辨认并不会让我们感到高兴，而且你自己也不会从中学习。
多读一点。只是从给我的东西，似乎你复制并粘贴了所有东西，以试图让你的网站工作。我不是说复制和粘贴是件坏事，但你应该明白你在复制和粘贴的内容。

一个很好的起点是W3 consortium。了解标准，了解Hypertext Markup实际上是什么，并从中获取。我觉得你很努力，这就是我帮助你的原因。但是认为你应该来stackoverflow做一些应该很容易的事情是错误的。

无法居中我的导航栏

1 个答案: