即使网页太小，如何让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;
}

SCREENSHOT：http://gyazo.com/86c490863c3f1149098b6600c1ab276b

Answer 1

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

nav {
min-width: 1000px;
}

Answer 2

再添加一行css

nav {
  min-width: 800px; 
  max-width: 1200px;
}