我正在尝试为手机制作垂直导航栏,但是CSS似乎不好。有人可以看看有什么问题吗?
病尽快张贴图片。

HTML代码



#navigation {
  width: 100%;
  height: auto;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

li a {
  display: block;
  width: 100%;
  padding: 8px 16px;
  margin: 0 auto;
}

.nav-active {
  display: block;
  width: 100%;
}

li a:hover:not(.active) {
  color: #1b9cc6;
}

<div id="navigation">
  <ul>
    <li><a class="active" href="#about">ABOUT</a></li>
    <li><a href="#clients">CLIENTS</a></li>
    <li><a href="#services">SERVICES</a></li>
    <li><a href="#work">WORK</a></li>
    <li><a href="#contact">CONTACT</a></li>
  </ul>
</div>





编辑:这是图像。对不起,没有裁剪,但是我找不到适合Linux的合适工具。
html - HTML/CSS垂直导航栏还是水平?-LMLPHP

最佳答案

伙计,您的#navigation采用width100%。这需要您的屏幕宽度的百分之一百。尝试将其更改为较小的值。

10-07 19:14
查看更多