怎么用一个DIV 完全覆盖在另一个DIV之上？

Question

有点像百度提问里面这个一样
不过DIV1没有确定高度，完全是由一此子元素撑起来的，现在就要用一个DIV2，能完全覆盖在DIV1上，档住整个DIV1 ， 这样要怎么实现？

• 

  
  

Answer 1

这个跟html元素的定位方式有关.div默认的是 后面一个div根据前一个div来定位. 也就是相对定位;而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面.所以, 你应该使用的是123456789101112131415161718192021<style>.parentDiv{position:relative;}.div1{position:absolute;z-index:1;}.div2{position:absolute;z-index:2;}</style><div&nbsp;class="parentDiv"><div&nbsp;class="div1">我在下面</div><div&nbsp;class="div2">我在上面</div></div>

Answer 2

用 css 中的&nbsp;Z-index&nbsp;能够实现 为 不同的div设置 不同的&nbsp;Z-index&nbsp;数值div1{Z-index:1;}div2{Z-index:2;}div2 就覆盖在 div1 的上面