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

Question

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

我仍然希望它有点流畅，但是只要达到此导航栏限制，只需防止它变小即可。

我试过应用 min-width属性，但是当我缩小屏幕时，<li>元素流出彩色背景。

这是 jsfiddler:

http://jsfiddle.net/zP4jm/12/

Answer 1

在您的 jsfiddle 上添加了最小宽度并且工作正常。

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