하위 div를 상위 div 위 위치에 배치

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

div1 위의 div2 위치는 사용할 수 없습니다 (z- 인덱스가 아닌 세로 차원). 음수 위치 : 정상 작동하지 않음, 상위 div의 위쪽 테두리가 어린이 제한 사항 인 것 같습니다.하위 div를 상위 div 위 위치에 배치

 |-------| 
     | div2 | 
------|  | 
|  |_______| 
|   | 
| div1 | 
|__________|

2011-10-23 rendom

포지셔닝을 시도 했습니까? 절대/고정은 달성하려는 목표에 달려 있습니까? – eugeneK

div2는 div1에 상대적으로 배치되어야합니다. 이 스타일에는 여러 div가 있기 때문에. – rendom

숫자로 시작하는 클래스 이름은 일부 브라우저에서 작동하지만 유효하지 않습니다. div1 또는 div2을 사용하면 정상적으로 작동합니다. 유효한 CSS 클래스 이름에 대한 설명은 this answer을 참조하십시오. 댓글 후

업데이트 :

좋아, 잘, 잘못된 코드를 보지 않고, 그 문제가 어디에 있는지 어렵다. 난 당신이 이미 알고 생각으로 ..

#div2 { 
    position:relative; 
    top:-30px; 
    left:100px; 
}

하지만 어쩌면 당신은 position:relative을 잊었 :하지만이 CSS를 사용하여 당신은 당신의 그림을 재현 할 수 있습니까? 어쨌든 this fiddle에서 근무하는 것을보십시오.

2011-10-23 14:50:18 Donamite

나는 그것이 단지 예를 들면이었다고 생각한다. – eugeneK

그렇다면 우리는 볼 수없는 문제를 해결할 수 없습니다. Rendom, 아마 당신은 당신이 사용하고있는 HTML과 CSS를 게시 할 수 있습니까? – Donamite

자릿수 이름이 예입니다. 그것은 다른 어떤 것일 수도 있습니다. 위의 예제를보고 원하는 div의 이름을 사용하십시오. – rendom

답변