假设未正确放置按钮。 CSS。 的HTML

Question

我正在制作一个网站，却遇到了这个问题，当我将“首页”，“第一辑”，“联系我们”等放入css中时，该网站会复制我插入的横幅并将“首页”按钮放在我想在另一端放一个屏幕截图，以清楚地告诉您这是怎么回事（或者您可以在此处单击数字1）-> 1我不知道我做错了。 请有人告诉我可能是什么问题吗？

Below is the code:

 #container{ width: 1200px; margin: auto; padding-left: 100px; padding-right: 100px; body{ background-color: lightgray; font-family: arial; } header{ background-image: url("Images/Tv Shows Banner.PNG"); background-repeat: no-repeat; height: 250px; width:1200px; padding-right:50px; padding-left:100px; background-position: middle; } h1{ color: white; padding-left: 350px; padding-top: 80px; float: right-side; font-family: Lobster; font-size: 50px; } nav { background-color: black; text-align: center; line-height: 60px; margin-bottom: 20px; } nav a:link, nav a:visited { text-decoration: none; color: white; margin: 10px; padding: 5px; } nav a:hover { text-decoration: none; background-color: white; color: black; border-radius: 20px; 

 <html> <head> <title>Top 5 Tv Series </title> <link rel="stylesheet" href="Top 5 Tv Series CSS.css"> </head> <body> <div id="container"> <header> <h1>Top 5 TV Series</h1> <img id="Banner" src="Images/Tv Shows Banner.PNG"/> </header> <nav> <a href="Top 5 Tv Series.html">Home</a> <a href="Top 5 Tv Series.html">1st Series</a> <a href="Top 5 Tv Series.html">2nd Series</a> <a href="Top 5 Tv Series.html">3rd Series</a> <a href="Top 5 Tv Series.html">4th Series</a> <a href="Top 5 Tv Series.html">5th Series</a> <a href="Top 5 Tv Series.html">Contact Us</a> </nav> </div> </body> </html>