고정 요소를 배치 할 때 어떻게 음수 여백을 사용할 수 있습니까?

Question

position : fixed로 요소를 배치하려고합니다. 팽창하는 (액체) 요소 내에서.

디스플레이가 얼마나 넓어도 요소가 오른쪽에 있어야합니다.

BOX1는 BOX2 중앙 열이며 브라우저 크기로 확장 할

BOX2 내부

BOX1 고정되고

Answer 1

이 시도 :

.box1 { 
    position:fixed; 
    right:0; 
    margin-right:-20px; 
} 

Answer 2

참고되어야 BOX2의 우단 (가운데 열) 위에 떠 있어야 상자 2 position:relative;을 만들고 상자 1을 position:absolute; bottom:0; right:0; ...으로 설정하면이 효과를 얻을 수 있습니다. 올바르게 이해하면됩니다.

Answer 3

아마 그냥 부 풀릴 수 있습니다.

Answer 4

을 가장 잘 나는 당신의 쿼리에서 알 수 있습니다 :

element { 
    float:right; 
    margin-left:x; 
    z-index:10; 
} 
box2 { 
    width:80%; 
    z-index:-10; 
} 
box1 { 
margin-left:20%; 
z-index:0; 
}