div 절대 포지셔닝과 상대 포지셔닝

  
    

   
     
   
     1 
   
     <
   
     div 
   
     id
   
     ="d1"
   
     >
   
     

   
     2 
   
      
   
     <
   
     div 
   
     id
   
     ="d2"
   
     ></
   
     div
   
     >
   
     

   
     3 
   
      
   
     <
   
     div 
   
     id
   
     ="d3"
   
     ></
   
     div
   
     >
   
     

   
     4 
   
     
   
     </
   
     div
   
     >
  
    

1. 내외층에position을 설정하지 않고 일반적인 끼워넣기 관계를 가진다.
2. 외부div만relative를 설정하고 일반적인 끼워넣기 관계를 설정합니다.
3. 내div만 absolute를 설정하고 문서에 끼워 넣는 관계이며 페이지에 내div가 [비float]로 뜨고 상대적인 페이지 포지셔닝은 외div와 무관하다.
4. 외div는relative를 설정하고 내div는absolute를 설정하며 내div는 띄우고 외div에 대한 위치를 정한다.(ff 중: d3과 d2의 위치가 교차하면 d3이 d2 위에 뜬다)
5. 외div는relative를 설정하고 내div는relative를 설정하며 내div는 띄우고 외div에 대한 위치를 정한다.(ff에서 d3과 d2의 위치가 d3과 d2의 위치를 교차하면 d3이 d2에 대한 위치인 것 같다)
*상대적인 부동층을 만들 때 4를 누르면 브라우저가 확대되고 축소될 때div가 뛰는 것을 방지할 수 있다