XHTML - 두 개의 부동 : 오른쪽 divs ontop의 서로?

Question

저는 두 개의 플로트를 넣고 싶습니다 : 서로의 오른쪽 위 divs 온탑.

시도해 보았습니다 : 상대적; 상단 : -HEIGHTpx; 하지만 아무것도하지 않는 것 같다 (물론 나는 실제 높이

내가 훨씬 더 필요한 세부 사항은 정말 생각하지 않습니다에 넣어, '높이'에 넣어하지 않았다.

을 여기에 스타일 속성의 만

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; float:right; font-family:arial; height:250px" 

그리고 두 번째 : 첫 번째 요소의

style="width:750px; margin-right:20px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; z-index: 2; float:right;" 

이 가능할 것이다 서로 내부 모으기 그러나 나는 왼쪽을 조작 할 필요하게 될거야 : ___ px property with javascript 그래서 나는 그들을 형제로 남겨두고 싶습니다.

Answer 1

두 div 모두에서 position : absolute 및 z-index를 사용할 수 있습니다.

먼저 용기 DIV (네 개의 div에의 상위)에 추가

position: relative 

우선 DIV (제거 플로트 마진 오른쪽이 첨가 위치 절대 Z- 색인)

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 1" 

두 번째 DIV : (제거 부동, 여백 오른쪽, 추가 위치 절대 및 Z- 인덱스)

style="width:750px; background-color:#D6D6D6; border:1px solid #8C8C8C; font-family:arial; height:250px; position: absolute; right: 20px; z-index: 2;"