Javascript 将子菜单放置在相对父菜单下

我在下面的水平列表和垂直子菜单中有一个菜单。我有一个简单的JQuery脚本，当父对象悬停在上面时，它会显示子对象：

$('#menulist li').hover(
function() {
  $(this).children('ul').stop().fadeIn(200);
},
function () {
    $(this).children('ul').stop().fadeOut(200);
  }
);

我的问题是，子ul不会将自己放在各自的父列表项下

除了硬编码给每个孩子留一个空白外，有人知道解决这个问题的方法吗

本期再版：

CSS:

\menulist ul li{
显示：内联；
列表样式类型：无；
右边填充：10px；
}
#美努利{
显示：无；
背景色：#FFF；
填充：10px；
位置：绝对位置；
z指数：100；
}

添加

位置：相对于父
li
，如下所示，也给子
ul
提供一些偏移：

#菜单列表ul li{位置：相对；}
#菜单列表ul li ul{top:30px；left:0；}
给出
li
的相对位置。@Musa抱歉：那没什么区别。你确定啊，酷！对不起，我一定是做错事了