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

发布于 2024-12-11 03:55:18 字数 748 浏览 1 评论 0原文

我有以下包含另一个列表的 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 列表的单词正下方吗？

太感谢了

原文

I have following a HTML structure of list that contains another list:

<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>

The inner UL are hidden and after mouseover they are set as visible. My problem consists in if I will move the cursor on LI item that contains inner UL, so this inner UL is displayed, but in the begin line, not exactly under LI item (in this case under LI with the words b and c).

Can you help me, please, how to set the inner UL exactly under the words, that contains inner UL lists?

thank you so much

分享到QQ

分享到微博