水平導航中的重疊Divider

Question

我目前正在開發一個網頁。我做了一個水平菜單，其中包含一個標誌，一條水平線和一個菜單。他們並排坐在一起，但是當我調整窗口的大小時，所有事物都會重疊並漂浮。在窗口調整大小我想要菜單推動水平線（換句話說動態減少它的寬度），以便它不會重疊。

Here is my Fiddle.

#menuline { 
    width:67%; 
    height:1px; 
    background-color: #434343; 
    margin-top: auto; 
    margin-bottom: auto; 
    top:0; left:0; right:0; bottom:0; 
    position: absolute; 
    margin-left:167px; 
    display:table-cell; 
} 

Answer 1

在纏繞元件的像素設置一個min-width從而使菜單不能摺疊該尺寸以下。