div div相对父级之外的绝对div可见性

Question

CSS：

ul#menu-ediloc li  
{  
float:left; 
padding-left:5px; 
position:relative; 
}

ul#menu-ediloc ul  
{
z-index:500; 
position:absolute; 
}

我有一个像这样的下拉菜单，但是当它下降时，子菜单会隐藏在接触下一个div的地方，是一个幻灯片显示，它在相对父母之外。

我试图将position:relative;放到正文中，但是虽然它修复了可见性问题但它比我的菜单更糟糕。

有什么想法吗？

<div id="header">
   <ul id="menu-ediloc">
      <li>
          <ul id="sub-menu">
               <li>
               </li>
          </ul>
      </li>
   </ul>
</div>
<div id="slider">
</div>

我尝试将滑块放在标题中并将relative放在标题上，但它与身体上的相同会弄乱我的子菜单。 如果我将relative放在ul li标记上，我的子菜单的唯一方式就是。

Answer 1

添加以下css

#header{
 position: relative;
 z-index: 999;
}