Question

所以我正在使用css，我很糟糕，我让我的代码以我想要的方式工作，所以我不是在寻找讽刺的评论说我的编码很糟糕：P

无论如何我只是用gif来展示它在做什么 - 我也会在下面提供代码。

https://gyazo.com/3756eb0c3b6246d8b8f74cad6614839a

链接点击远程端口点击IE点击一个是最后一个位置没有移动，点击一个说首先所有向左移动一个＆＃39;链接空间＆＃39;我真的不知道怎么解释这个，所以请原谅我有哈哈。无论如何这里是代码，而不是使用styles.css文件，我只使用我的index.html的样式部分 - 我将发布我的所有样式区域，以防它可能是冲突的，我会分开它结束的地方然而，导航栏只是为了让查看更简单。

ul {
    list-style-type: none;
    margin: 190px;
    overflow: hidden;
    text-align: center;
    text-decoration: line-through;
}

li {
    list-style-type: none;
    float: left;
    padding-left: 30px;
    display: inline-block;
}

a {
    list-style-type: none;
    display: block;
    width: 0%;
    background-color: #757575;
    font-size: 36px;
}

我似乎无法通过此处的其他代码部分，所以我将改为使用它代码：

导航栏后的代码粘贴：pastebin/w1J1Yixu

包含导航栏的完整代码的Pastebin：pastebin/K4ngr4MN

Answer 1

这是因为您在导航栏＆＃34;

之后的代码中

  char hostname[100];
  struct hostent* h;
  gethostname(hostname, sizeof hostname );
  printf("Hostname: %s\n", hostname);
  h = gethostbyname(hostname);

声明position:fixed; {/ 1}}

当您单击页面上的任何链接时，相关于文档，将链接的x和y坐标设置为其精确偏移量。因此，其余的链接，认为他们的位置固定的兄弟不再在相对流动中，与左边对齐，占据了链接过去生活的现在空白。

要解决此问题，请从声明中删除a:active样式。

position:fixed;

这里是后者的小提琴：http://jsfiddle.net/yo3L5qdy/

传送css导航栏？

1 个答案: