Html 使用ul li标签制作子菜单

我正在尝试并获得这个（类似于：子菜单和子菜单）：

css

和html

     <ul>
        <li>aaa</li>
        <li id="here">bbb</li>
        <ul id="sub_list">
            <li>bbb_1</li>
            <li>bbb_2</li>
            <li>bbb_3</li>
        </ul>
        <li>ccc</li>
     </ul>

aaa
bbb

bbb_1
bbb_2
bbb_3

ccc

演示：

请告诉我，如何获得那个结果，在图像上看到了什么

---

A

UL

在who

LI

s之间是无效的HTML。将子菜单移动到

LI

，将

位置：相对

应用到LI，并使用

位置：绝对

定位子菜单（UL）

     <ul>
        <li>aaa</li>
        <li id="here">bbb</li>
        <ul id="sub_list">
            <li>bbb_1</li>
            <li>bbb_2</li>
            <li>bbb_3</li>
        </ul>
        <li>ccc</li>
     </ul>