How to Overlap Parent Div From Child Div

Question

I have some divs at my HTML and one of them is loading image div so I want it overlap its parent div. Here is my code:

    <         


        
      

Answer 1

HTML

CSS

#parent { 
  width: 100px;
  height: 300px;
  background-color: #a0a0a0;
  width:200px;
  height:250px;
  position: relative;
}

#child {
  width: inherit;
  height: inherit;
  position: absolute;
  background-color: #a2f2e2;
  top: 0px;
  left: 0px;
}

Works fine

EDIT: added with and height inherit for you & positioned properly