需要固定菜單懸停CSS樣式

Question

當我在創建固定菜單的頁面部分懸停時，它會打開，即使我沒有在菜單上懸停，但在其右側。 此外，我無法訪問輸入在頁面（在兩條黑線之間的畫面），該部分

我自定義菜單代碼：

CUSTOM NAVIGATION 
================================================ */ 
#custom-nav { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    width: 99%; 
    position: fixed; 
    top:40%; 
    left:10%; 
    text-indent:15px; 
    line-height:150%; 
} 
    #custom-nav li { 
    margin:0; 
    padding:0; 
} 

/* custom level link */ 
#custom-nav a { 
    display: block; 
    color:#9a7283; 
    background-color:#eee; 
    width:159px; 
    text-align:left; 
    padding:10px; 
    margin:0; 
    text-decoration:none; 
    text-transform:lowercase; 
    -webkit-transition: all 0.6s; 
} 
/* custom level link :hover */ 
#custom-nav a:hover { 
    background: #9a7283; 
    color:#fff; 
} 

/* current link */ 
#custom-nav .current_page_item a, #custom-nav .current-menu-item a { 
    background: #9a7283; 
    color:#fff; 
} 

/* current link :hover */ 
#custom-nav .current_page_item a:hover, #custom-nav .current-menu-item a:hover { 
    background: #9a7283; 
    color:#fff; 
} 

/* sub-levels link */ 
#custom-nav ul a, #custom-nav .current_page_item ul a, #custom-nav ul .current_page_item a, #custom-nav .current-menu-item ul a, #custom-nav ul .current-menu-item a, #custom-nav li:hover > ul   a { 
    padding:10px; 
    line-height:150%; 
    margin:0; 
    display:block; 
} 
/* sub-levels link :hover */ 
#custom-nav ul a:hover, #custom-nav .current_page_item ul a:hover, #custom-nav ul .current_page_item a:hover, #custom-nav .current-menu-item ul a:hover, #custom-nav ul .current-menu-item a:hover, #custom-nav li:hover > ul a:hover { 
} 
/* dropdown ul */ 
#custom-nav ul { 
    display:none; 
    list-style:none; 
    position:absolute; 
    padding:10px; 
    top:5px; 
    left:146px; 
} 
#custom-nav ul li { 
    padding:0; 
    margin:0; 
} 
/* sub-levels dropdown */ 
#custom-nav ul ul { 
} 
/* show dropdown ul */ 
#custom-nav li:hover > ul { 
    display:block; 
} 

我在做什麼錯誤？

Answer 1

給你的容器widthdiv，我只是命名它。

.container{ 
width: 150px; /* according to your requirement */ 
} 

Answer 2

#custom-nav的寬度設置爲99%。而應將width設置爲固定寬度，即實際內容的大小。