带有屏幕调整大小的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;
}