html - 有东西将我的下拉导航栏向右移动

Question

当我将鼠标悬停在 html 部分时，html 和 css 导航选项由于某种原因被移到了右侧，我该如何让它与其他导航选项对齐。

http://codepen.io/anon/pen/bEqPRQ

#nav {
  list-style: none;
  text-align: center;
  padding: 1.250em 0 1.250em 0;
  background: #ffffff;
  font-size: 106.25%;
  font-family: 'Oxygen';
}

#nav li a {
  text-decoration: none;
  text-align: center;
  color: #FFF;
}

#nav ul li ul.dropdown {
  background-color: #000000;
  display: none;
  position: fixed;
  z-index: auto;
  left: 400;
  vertical-align: left;
}

#nav ul li:hover ul.dropdown {
  display: block;
}

#nav ul li ul.dropdown li {
  display: block;
}

#nav > ul > li {
  display: inline-block;
  margin-right: 2%;
  padding: 4.375em 1.250em 4.375em 1.250em;
}

#nav > ul > li > a {
  text-decoration: none;
  color: #000000;
}

#nav > ul > li > a:hover {
  color: #00c5a2;
}

Answer 1

你的 <ul>具有必须删除的默认样式 ( padding-left )。添加

#nav ul li ul.dropdown {
    padding-left: 0;
}

将文本向左移动。

您还应该检查您的 CSS，vertical-align: left和 left: 400 (没有单位)无效且无效。