標題干擾導航欄

我目前在網站上工作，我也是網站編程新手，所以如果我遇到了一些問題，我很抱歉。標題干擾導航欄

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 –

標題干擾導航欄

回答

相關問題