position: absolute;

 

 

position: absolute;는 가장 가까운 위치에있는 조상과 관련하여 배치됩니다 (고정 된 것처럼 뷰포트를 기준으로 배치되는 대신).

 

하나; 절대 위치 요소에 조상이 배치되어 있지 않으면 문서 본문을 사용하고 페이지 스크롤과 함께 이동합니다.

 

주 : "위치 된"요소는 그 위치가 다른 어떤 것 static입니다.

 

 

 

 

다음은 간단한 예입니다.

 

 

 

Example

div.relative {

    position: relative;

    width: 400px;

    height: 200px;

    border: 3px solid #73AD21;

} 

 

div.absolute {

    position: absolute;

    top: 80px;

    right: 0;

    width: 200px;

    height: 100px;

    border: 3px solid #73AD21;

}