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;。这将使您的网站再次漂亮：）

导航失去了对齐

1 个答案: