干扰导航栏的标题

马特·琼斯（Matt Jones）

我目前在一个网站上工作，也是我对网站编程的新手，所以如果我做错了一些事情，我深表歉意。

h1出现在我的导航栏之前，而导航栏则位于标题下方。有什么建议么？谢谢！

HTML：

<!DOCTYPE html>
<html lang="en">

  <head>

    <title>CSGOCarry | Contact</title>
    <link rel="stylesheet" type="text/css" href="contact.css">

  </head>

  <body>

    <div class="container">
      <div class="center">
        <h1>How To Contact Us</h1>
      </div>
    </div>
    <div class="navbar">
      <ul>
        <li><a href="default.asp">Home</a></li>
        <li><a href="Jackpot.asp">Jackpot</a></li>
        <li><a href="Coinflip.asp">Coinflip</a></li>
        <li><a href="Roulette.asp">Roulette</a></li>
        <ul style="float:right;list-style-type:none;">
          <li><a href="Contact.asp">Contact</a></li>
          <li><a href="About.asp">About</a></li>
          <li><a href="https://store.steampowered.com/login/">Sign In</a>
       </li>             
      </ul>
      </ul>
    </div>

  </body>

</html>

带HTML和CSS的JSFiddle：https ://jsfiddle.net/fo0u1tcp/

蚜虫

您需要更改nav和container在文档中出现的顺序：

<div class="navbar">
  <ul>
    <li><a href="default.asp">Home</a></li>
    <li><a href="Jackpot.asp">Jackpot</a></li>
    <li><a href="Coinflip.asp">Coinflip</a></li>
    <li><a href="Roulette.asp">Roulette</a></li>
    <ul style="float:right;list-style-type:none;">
      <li><a href="Contact.asp">Contact</a></li>
      <li><a href="About.asp">About</a></li>
      <li><a href="https://store.steampowered.com/login/">Sign In</a></li>
    </ul>
  </ul>
</div>
<div class="container">
  <div class="center">
    <h1>How To Contact Us</h1>
  </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。