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; 
}