html - 达到最小宽度时防止css中的列表溢出

Question

我在使用 html 的导航栏时遇到问题。我希望它能够适应大小的变化，但是当屏幕变得非常小时，导航栏就会溢出并向上排列（我不知道我是否使用了正确的术语）。我希望这样当浏览器变得非常小时，它会简单地离开屏幕而不是平铺。

我仍然希望它有点流畅，但是一旦达到这个导航栏限制，只需防止它变小。

我试过应用一个min-width属性，但是当我缩小屏幕时，<li>元素会在彩色背景之外流动。

这是jsfiddler：

score 2 · Accepted Answer

在您的 jsfiddle 上添加了 min-width 并且工作正常。

.navmenu{
    height: 45px;
    width: 92%;
    margin: auto;
    margin-bottom: 20px;
    background-color:#C60;
    min-width:700px;
}

score 1 · Accepted Answer

您需要添加“溢出：隐藏；” 到 .navmenu 类，这样任何超出范围的东西都会被剪掉。

如果您希望在窗口变得太小时时显示滚动条，则使用 min-width 属性将起作用。

2 回答 2