我正在建立一个网站,我遇到了这个问题,当我把家里的'# '第一系列' '与我们联系'等等进入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>
&#13;