CSS : 이전 요소의 높이가 다른 경우에도 동일한 상대 위치를 지정할 수있는 방법이 있습니까?

나는 한쌍의 원소들을 가지고있다. (.div1, .div2) 나는 position : relative 속성을 .div2에 사용하여 div1에 대해 위에서 오른쪽으로 조금 이동했습니다.CSS : 이전 요소의 높이가 다른 경우에도 동일한 상대 위치를 지정할 수있는 방법이 있습니까?

그러나 .div1 요소는 내용과 높이가 다르므로 .div2의 상대 위치가 일관성이 없습니다 (때때로 너무 높거나 때로는 너무 낮음).

.div2 { 
    position:relative; 
    left:200px; 
    top:-300; 
}

덕분에 업데이트

: HTML 코드는 매우 간단합니다

<div class="div1"> blabla </div> 
<div class="div2"> blabla </div>

2010-05-19 aneuryzm

".div2"가 ".div1"안에있는 경우 .div1에서 position:relative을 사용하고 .div2에서 position:absolute을 사용하여 강제로 .div1에 상대적인 위치를 얻을 수 있습니다.

다소 직관력이 떨어지지 만 작동합니다.

2010-05-19 16:28:32 jeanreis

고마워. 불행하게도 이것은 사실이 아니며 다른 하나 다음에 하나입니다. – aneuryzm

나는 실제로 당신의 솔루션을 채택했습니다! 하지만 div1과 div2의 부모에 position : relative를 사용했고 div1과 div2 모두에 절대 위치를 적용했습니다. 나는 이것이 좋은 크로스 브라우저 솔루션이라고 생각한다. – aneuryzm

아, 그래, 잘 생각! – jeanreis

이 질문은 몇 가지 예를 마크 업없이 대답하기가 매우 어려울 것이다.

대신 하단과 우측을 지정하여 문제를 해결할 수 있습니까? 그 숫자가 더 안정적입니까?

2010-05-19 16:20:27

내 질문을 마크 업으로 업데이트했습니다. 아래쪽을 사용하여 동일한 문제가 발생할 것입니다. 이번에는 div2의 높이가 불안정 해졌습니다. – aneuryzm

ups 죄송합니다. 실제로 바닥이 위치의 영향을받지 않습니다. div2. 나는 양쪽 바닥을 시도했다 : 0; 및 하단 : 800px; 그리고 그것은 동일합니다 .. – aneuryzm

답변