當達到最小寬度時防止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; 
} 

Answer 2

您需要添加「overflow：hidden;」到.navmenu類，以便超出界限的任何內容都將被剪切。

如果您希望在窗口太小時顯示滾動條，那麼使用min-width屬性會起作用。