html - 导航失准

Question

出于某种原因，当我加载我的网站时，导航最初出现在下面的 div 中，但是一旦你导航到另一个页面，它就会显示正确对齐（即使你返回到原始页面）。一旦您导航到另一个选项卡，它也可以工作，但在重新加载索引时仍然会中断。

这是我网站的链接：http: //jjeff2payd.github.io/index.html

随意检查代码，不确定问题是什么

编辑： 这是导航部分的添加代码

HTML

<ul class="nav">
  <li class="active">
    <a href="./profile.html" title="Learn more">Profile</a>
  </li>
  <li>
    <a href="./experience.html" title="Do things">Experience</a>
  </li>
  <li>
    <a href="./blog.html" title="Think less">Blog</a>
  </li>     
  <li>
    <a href="./contact.html" title="Get in touch">Contact</a>
  </li>
</ul>

CSS

.nav {
    float: right;
    margin-top: 50px;
    margin-right: 30px;
}
 .nav li {
    display: inline;
    margin-left: 3em;
    padding-top: 6px;
 }

Answer 1

margin-top: 50px;从名为 nav 的类中删除。这将使您的网站再次漂亮:)