절대적인 요소가 div에 머물러있게 해주세요.

Question

안녕하세요 저는 그림을 선택할 수있는 슬라이드 쇼를 만들었고 프로젝트 이름은 8-12 점이었지만 코드에서 사이트 이름까지 가서 막 다른 곳으로갑니다. div.

자바 스크립트 : 여기 내 코드입니다

for(var i=0;i<dirs.length;i++) 
{ 
    for(var t=0;t<real[i].length;t++) 
    { 
      var container='pic_show_select'; 
      if(t==0) 
      { 
       var a = document.createElement('a'); 
       a.className = "picschrift"; 
       a.innerHTML= dirs[i]; 

       document.getElementById('pic_show_select').appendChild(a); 
      } 


      var img = document.createElement('img'); 
      img.src = "../Thumbnails/" + dirs[i]+"/"+real[i][t]; 
      img.className = "pic"; 
      img.style.marginRight="8px"; 
      var pfad="../images/"+dirs[i]+"/"+real[i][t]; 

      img.onclick = function(pfad){ 
        return function(){ 

         if(pfad!=momentanesbild) 
         { 
          console.log(pfad); 
          setImageandLoad(pfad) ; 
          momentanesbild=pfad; 
          } 
          else 
          { 
           console.log("Das Bild mit dem Pafd "+pfad+" wird schon angezeigt!"); 
          } 
        } 

       }(pfad); 
      /* img.onmouseover = function() { 
      this.style.border="dashed 1px #000000 "; 
       } */ 
      // img.className +="imagestyle"; 
       //img.setAttribute("class", "imagestyle"); 
      /* if(i==0&&t==0) 
      { 
       momentanid= img; 

       momentanid.className="pic-selected"; 
      }   */ 
      if(i==(dirs.length-1)&&t==(real[i].length-1)) 
      { 
      img.style.marginRight="0px"; 
      } 

      document.getElementById(container).appendChild(img); 



    } 

} 

CSS :

.pic{ 
border: 1px solid black; 
min-Height:100%; 
max-Height:100%; 

position:relative; 

} 


.picschrift{ 

color:white; 
position:absolute; 
bottom:-20px; 

} 

Thank`s 만 fixed 또는 absolute 된 div에 머물 수 :

Answer 1

절대 요소를 돕기위한 경우 그 (것)들에 정상, 바닥, 좌 etc. 가치를주고있다 그렇지 않으면 그것의 절대 위치를 찾아 내기 위하여 구멍 몸을 이용할 것이다