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

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