위치 상대 및 오른쪽 속성

Question

항상 div를 relative로 설정하면 오른쪽으로 div가 100 % 너비이면 right가 0으로 설정됩니다. 명백하게 나는 틀렸고, 절대적으로 그렇게 작동한다. 친척과 일하게하는 방법이 없습니까?

Answer 1

부모를 상대 경로로 설정해야하며 절대 위치 지정의 하위 경로 여야합니다.

.parent{ 
    position: relative; 
    width: 100%; 
} 
.right{ 
    position: absolute; 
    width: 200px; 
    height: 200px; 
    background: red; 
    top:0; 
    right:0; 
} 

여기처럼 : http://jsfiddle.net/willemvb/n9Vrv/

Answer 2

그래서 상대적으로 작동하게 할 수있는 방법이 무엇입니까?

수정. 상대 위치 지정은 정적 위치 지정이있는 위치에서 오프셋 된 위치입니다.

포함하는 블록의 모서리를 기준으로 절대 위치 지정이 필요합니다.

Answer 3

친척에게 일하게하는 방법이 있습니다.

먼저 디스플레이 부모를 inline-flex으로 설정하는 것이 하나의 방법입니다.

다음으로 요소 (하위) position:relative; margin-left:auto; right:0;을 설정하십시오.