html - 如何让 HTML 导航栏保持不变，即使网页太小

Question

我有一个导航栏，但是当页面调整得太小时，导航栏会延伸到它下面的第二行。我希望它即使在调整网页大小时，导航栏也保持完全相同(相同的大小和所有内容)。这是我的一些与导航栏有关的 CSS:

nav ul {
  margin-top:-200px;
  list-style: none;
  padding: 0;
}

nav a{
    text-decoration: none;
    color: inherit;
}
nav ul li {
  padding: 20px;
  float: left;
  background-color: #fff;
  position: relative;
}
nav ul ul {
  display: none;
  position: absolute;
  top: 250px;
  left: 5;
  padding: 0;
}
nav ul ul li {
  margin-top: 0px;
  width: 200px;
  background: #FFF;
  padding: 10px;
}
nav ul li:hover ul {
  color: #4169E1;
  display: block;
}

屏幕截图:http://gyazo.com/86c490863c3f1149098b6600c1ab276b

Answer 1

在你的导航栏中添加一个min-width 来强制它保持一定的长度。这是 JSFiddle:http://jsfiddle.net/t8h50p2g/1/

nav {
min-width: 1000px;
}