3

我的问题是当我最小化浏览器窗口时，水平导航栏开始返回垂直导航，我不希望这样。我尝试了最小宽度和最大宽度，但它对我的问题没有帮助，否则我只是错误地应用它。这是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 回答