关于z-index设置无效，设置position

最近项目用到类似百度的自动联想功能，代码结构大概如下

<div  id="parent">

          <input type="text" />  //输入框

          <div  style="position:relative">//自动联想层

          </div>

</div>

<div  style="position:absolute">

          //其他内容

</div>

现弹出的联想层总是被下面的其他内容的DIV覆盖掉，不管怎么设置z-index都没用

此时在网上看到一篇帖子说,改自动联想层的position为absolute,原因不知道为啥

我试了下将id="parent"的层的position改成了absolute,果真行了，但也不知道为什么这样就OK