Html 我的CSS导航栏赢了'；Don’我不能上下移动，当我试图移动时会折断

我不熟悉HTML和CSS，我一周前就开始了，现在我很难移动我用网站生成的导航栏。当我尝试使用

页边距底部

或

页边距顶部

时，整个导航栏会完全伸展，但不会移动。我尝试过使用

position:absolute

并尝试设置这样的位置，但随后完全崩溃，但它似乎确实在移动

HTML

 <div class="mainmenu">
 <ul> 
 <li><a class=current href="/index.html"> Home</a></li>
 <li><a  href="/lesmiserbales.html">Les Miserables</a></li>
 <li><a  href="/chicago.html">Chicago</a></li>
 <li><a  href="/shrek.html">Shrek</a></li>
 <li><a  href="/phtanomoftheopera.html">Phantom Of The Opera</a></li>
 <li><a  href="/wicked.html">Wicked</a></li>
 <li><a  href="tickets.html">Tickets</a></li> 
 <li><a  href="/htfs.html">How To Find Us</a></li>
 <li><a  href="/contactus.html">Contact Us</a></li>
 </ul>

---

如果我犯了新手错误或其他什么，我们将不胜感激。请从css中删除：position:absolute

在css中添加衰减：

.mainmenu {
margin-top: 200px;
}

---

CSS定位的是每个菜单项，而不是菜单本身。 移除

位置：绝对位置和
顶部：50px.main菜单a
中选择code>，并将其放入
.main菜单

.mainmenu a {
    ...
    /*
    GET RID OF THESE:
    position: absolute;
    top: 50px; 
    */
}

/* ADD THIS */
.mainmenu {        
    position: absolute;
    top: 50px;
}

就像我在
中所做的一样，也要感谢你！另一个人是第一个，但谢谢你解释我做错了什么：）
.mainmenu a {
    ...
    /*
    GET RID OF THESE:
    position: absolute;
    top: 50px; 
    */
}

/* ADD THIS */
.mainmenu {        
    position: absolute;
    top: 50px;
}