3

私の問題は、ブラウザウィンドウを最小化すると、水平方向のナビゲーションバーが垂直方向のナビゲーションに戻り始め、これを望まないことです。min-widthとmax-widthを試しましたが、問題が解決しなかったか、間違って適用していました。これはhtmlです：

<html>
<head><title></title></head>
<body>
  <!--Navigation Bar-->
  <div id="nav" class="nav">
  <ul>
    <li><a href="#">******</a></li>
    <li><a href="#">*********</a></li>
    <li><a href="#">****</a></li>
    <li><a href="#">***********</a></li>
    <li><a href="#">*********</a></li>
  </ul>
  </div>
  <div id="header"></div>
  <div id="container"></div>
</body>
</html>

そして私のCssは：

#nav {
  position:fixed;
  text-align:center;
  width:100%;
  height:110px;
}
#nav ul {
  list-style: none;
  display: inline-block;
  text-align:center;
  padding-top:10px;
  font-size:30px;
  font-weight:bold;
}
#nav ul li {
  float:left;
  border-radius:10px;
  display:inline-block;
}
#nav ul li:hover {
  border:2px solid #000000;
  border-radius:10px;
  box-shadow:7px 7px 3.5px #000000;
}
#nav ul li a {
  display: block; 
  padding:10px 70px;
  color: #ff0000;
  text-decoration: none;
}

私を助けることができる人は誰でも。

4

1 に答える 1

1

試す

#nav { white-space: nowrap; }

本当に必要なのは、ナビゲーションを常に水平にすることです。

于 2012-11-29T10:47:48.843 に答える