Css 链接不会停留在导航栏内

链接从导航栏中消失了，因为它太高了（我想），我希望项目彼此分开

#navbar {
    height: 21px;
    width: 100%;
    top: 200px;
    text-align: center;
    font-size: 20px;
}

哦，这里是HTML：

<div id="navbar">
          {block:AskEnabled}
          <div class="navitem"><a href="/ask">{AskLabel}</a></div class>
          {/block:AskEnabled}
          {block:SubmissionsEnabled}
          <div class="navitem"><a href="/submit">{SubmitLabel}</a></div class>
          {/block:SubmissionsEnabled}
           <div class="navitem"><a href="{text:Link 1 Path}">{text:Link 1}</a></div class><div class="navitem"><a href="{text:Link 2 Path}">{text:Link 2}</a></div class><div class="navitem"><a href="{text:Link 3 Path}">{text:Link 3}</a></div class>


          </div id="navbar">

{block:AskEnabled}
{/block:AskEnabled}
{block:SubmissionsEnabled}
{/block:SubmissionsEnabled}

---

忽略括号中的东西，比如AskLabel和div类navitem，我去掉了它：p

因为你的链接在

div

s中，它们是块元素，每个

div

之间都有一个分页符。您需要在

navitem

div

元素上使用

span

或设置

display:inline

见示例：

---

编辑以进行澄清：

span

s默认情况下具有

display:inline

set

div

s默认情况下设置了

display:block

。在您的示例中，如果链接被包装在

内联

元素中，它们将并排出现。另请参见哪些链接？我们能看到你的HTML吗？哦，我添加了HTML。只是它仍然不起作用：Pis是这个实时网站吗？你可以发布一个linkI-added-display-inline，但是它仍然在一个列表中。