修复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/