css - 如何在一个div中添加2个重叠元素？

Question

<div id="parent" style="height:250px;width:250px;display:inline">
   <div id="child" style="height:100%;width:100%;z-index:10001"></div>
   <select style="height:100%;width:100%;z-index:10000"><option/></select>
</div>

我的要求是将 select 和子 div 元素包含在父 div 中，使子 div 位于 select 元素之上并完全覆盖它。后来我想根据事件隐藏子 div 并使选择元素可见。 子 div 和 select 元素都应该各自占据父 div 的整个大小。 我怎样才能做到这一点？

Answer 1

http://jsfiddle.net/dyBjZ/2

#parent {
    position: relative;
    overflow: auto;
}
.child {
    position: absolute;
    height:100%;
    width:100%;
}

<div id="parent">
    <div class="child">
        <select>
            <option>One</option>
            <option>Two</option>
        </select>
    </div>
    <div class="child" id="child">Click me</div>
</div>