标题干扰导航栏

我目前在网站上工作，我也是网站编程新手，所以如果我遇到了一些问题，我很抱歉。标题干扰导航栏

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>

的jsfiddle W/HTML & CSS： https://jsfiddle.net/fo0u1tcp/

来源

2016-02-28 Matt Jones

的H1出现在您的示例小提琴的标题下方？ – aphextwix

我刚刚更新了小提琴，我贴错了一个 –

那么，使用那个错误，然后，如果这有效。 ;） – GolezTrol

您需要更改顺序的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>

来源

2016-02-28 14:54:21 aphextwix

谢谢，我真的很感激。一般来说，我对HTML和CSS是新手，你有没有对菜鸟有用的来源？ –

接受我的回答，我会很乐意给出几个链接;） – aphextwix

我刚刚做了，它不会让我起初因为时间限制哈哈：D –

标题干扰导航栏

回答

相关问题