html - CSS - 如何在 LI 中设置 UL 的位置

Question

我有以下列表的 HTML 结构，其中包含另一个列表:

<ul>
 <li>a</li>

 <li>b
  <ul>
   <li>b-a</li>
   <li>b-b</li>
   <li>b-c</li>
  </ul>
 </li>

 <li>c
  <ul>
   <li>c-a</li>
   <li>c-b</li>
  </ul>
 </li>

 <li>d</li>
</ul>

内部 UL 是隐藏的，在 鼠标悬停 之后它们被设置为可见。我的问题在于，如果我将光标移动到包含内部 UL 的 LI 元素上，那么显示这个内部 UL，但在开始行，不完全在 LI 项下(在本例中在 LI 下，单词 b 和 c)。

你能帮我吗，如何在包含内部 UL 列表的单词下准确设置内部 UL ？

非常感谢

Answer 1

请查看本教程 http://www.seoconsultants.com/css/menus/tutorial/

为 jquery 试试这个 http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html