javascript - Having difficulty in position a div that slides using CSS -

Please refer to it. As you will see that the cost of the diva is relatively relative but I want to give it a complete place. Although the situation completely sends it to the bottom of the page.

  .wrapper {width: 200px; Height: 200px; Border: Solid 2px red; }. Container {width: 200px; Height: 200px; Background color: # 000; Post:; } .image {position:; Top: 0px; Left: 0px; Background Image: URL (http://www.sat2home.com/satspacer//mobile/MobileTV.jpg); Background-position: 50% 50%; Background size: happens; Background repeat: do not repeat; Z-index: 1; }. Coast {status: relative; Height: 30px; Left: 0px; Correct: 0px; Bottom: 0px; Background color: red; Color: # 000; Font-size: 13px; Padding-top: 170px; Infection: all linear 0.5 s; -Mozy-transition: all linear 0.5 s; Webkit-transition: all linear 0.5 s; Z-index: -1; }    
 
 
 You need to set the  .wrapper  elements Is either  relative  or  complete .  
  .wrapper {width: 200px; Height: 200px; Border: Solid 2px red; Status: Relative; }   
 Because  complete  elements  are located on the basis of the nearest ancestors which are either or at least located.   
 If you select  .container  element  
      For the same set,