Html 当达到最小宽度时，防止css中的列表溢出

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

我仍然希望它有点流动，但是只要达到导航条的限制，就可以防止它变小

我曾尝试应用

minwidth

属性，但是当我缩小屏幕时，

元素在彩色背景之外流动

以下是jsfiddler：

---

在jsfiddle上添加了最小宽度，效果很好

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

---

在JSFIDLE上添加了最小宽度，效果很好

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

您需要将“overflow:hidden；”添加到.navmenu类中，以便任何超出边界的内容都将被剪裁

如果您希望在窗口太小时显示滚动条，则使用“最小宽度”属性将起作用。

您需要在.navmenu类中添加“溢出：隐藏；”，以便剪裁超出边界的任何内容

---

如果您希望在窗口变得太小时显示滚动条，则使用“最小宽度”属性将起作用。

什么是“奇怪的事情”？Min-width应该是一种方式。包含div的Min-width应该可以完成这个任务。为您添加了Min-width。水平滚动可能会令人讨厌，尤其是在小屏幕上。当屏幕变小时，为什么不让链接形成第二行或第三行呢？@Christoph我不知道我做了什么，但它让一切都加倍了。即使在Firefox和Chrome上进行了测试。所有的东西都翻了一倍，“奇怪的东西”到底是什么？Min-width应该是一种方式。包含div的Min-width应该可以完成这个任务。为您添加了Min-width。水平滚动可能会令人讨厌，尤其是在小屏幕上。当屏幕变小时，为什么不让链接形成第二行或第三行呢？@Christoph我不知道我做了什么，但它让一切都加倍了。即使在Firefox和Chrome上进行了测试。所有内容都翻了一倍。min-width有意义，但使用overflow:hidden可能会使页面无法使用。@MarcAudet right，对于导航栏来说，使用“overflow:hidden”没有多大意义，但由于OP提到min-width对他/她不起作用，我想他可能对剪切内容感兴趣。min-width有意义，但使用overflow:hidden会使页面无法使用。@MarcAudet right，对于导航栏来说，使用“overflow:hidden”没有多大意义，但因为OP提到min-width对他/她不起作用，我想他可能对剪辑内容感兴趣。