Nicht in der Lage, Untermenü in einem separaten Block neben Elternblock anzuzeigen

Question

Ich muss ein verschachteltes Menü erstellen, aber das Problem, das ich konfrontiert ist, ist, dass das Untermenü innerhalb der Eltern nur mit einer horizontalen Scroll erstellt wird erstellt (Scrollen bis extrem rechts sehen Sie das Untermenü sehen) derzeit der css ich verwende ist

position: relative; 
    list-style: none; 
    right: 100%; 
    left: auto; 
    padding: 10px; 
    width: 200px; 
    height: 250px; 
    overflow-y: scroll; 
    display: none; 
    text-align: left; 
    background-color: #f9f9f9; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 

https://jsfiddle.net/g0kujLqk/

Answer 1

auf diesem Kodex siehe:

#templatemo_menu 
{ 
clear: both; 
width: 960px; 
height: 50px; 
background: url(../images/templatemo_menu_bg.gif) repeat-x; 
    } 


    #templatemo_menu ul li{ 
text-align: center; 
display: inline-block; 
position: relative; 
} 

#templatemo_menu ul ul 
{ 
display: none; 
position:absolute; 
} 

#templatemo_menu ul ul ul 
{ 
left:100%; 
top :-10px; 

} 

#templatemo_menu ul li:hover >ul 
{ 
display:block; 
padding:0; 
margin-top:5px; 
}