修复CSS下拉菜单

Question

你能帮我在主菜单下完美地显示子菜单吗？代码的其余部分是在这里https://jsfiddle.net/1547pdw7/2/

 <div id="sidebar"><ul> 
     <li><a href="#">AAAAAA</a> 
       <ul> 
       <li><a href="#">BBBBBBB</a></li> 
       <li><a href="#">CCCCCCC</a></li> 
       <li><a href="#">DDDD</a></li> 
      </ul> 
      </li> 
     <li> 
     <a href="#">TRFDS</a> 
    <ul> 

Answer 1

在#sidebar ul ul删除position: absolute;并添加padding: 0;

https://jsfiddle.net/1547pdw7/10/