HTML菜单栏与屏幕调整

Question

我想创建菜单栏

一切似乎是确定，当全屏幕，但是当

其浏览器的宽度尺寸比菜单栏小

在菜单栏的内容成为在新线

，而不是继续与滚动条线路

我应该怎么做

这里是我的html

<div class="menuBar"> 
    <div class="navigate"> 
     <ul> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Hotel</a></li> 
      <li><a href="#">Airfare</a></li> 
      <li><a href="#">Package</a></li> 
      <li><a href="#">Tour guide</a></li> 
      <li><a href="#">Event</a></li> 
      <li><a href="#">Contact us</a></li> 
     </ul> 
    </div> 
</div> 

Answer 1

添加min-width风格到您的ul包装，为exmp。

.navigate{ 
    min-width: 800px; 
}