html 문서의 높이 감소

Question

이 상황이 있습니다 :

2 개의 div를 만들었습니다. 둘 다 똑같은 위치에 있어야합니다. 자바 스크립트로 다른 것을 숨기고 싶으면 활성화 할 수 있습니다. 그게 내가 한거야 :

<div style="height:100px"></div> 
<div style="position:relative; top:-100px;height:100px"></div> 

이것은 꽤 잘 작동합니다. 하지만 당신이 두 번째 div (맨 위 : -100px 제외)를 기대하는 곳이 공백으로 사용되는 것으로 나타났습니다.

다시 그 공간을 없애는 가장 우아한 방법은 무엇입니까? 내 웹 사용자가 더 많이 아래로 스크롤 할 수 있다고 생각하지만 그냥 공백 만 남기고 싶지는 않습니다.

팁 주셔서 감사합니다. 내 설명이 충분히 명확하고, 설명하기 쉽지 않기를 바랍니다. ;)

Answer 1

그들은 같은 지점에 있지 않습니다. 상대적 div는 항상 그들이 공백으로 채워진 지점을 벗어납니다. 'position : absolute'또는 음수 여백을 사용해야합니다. 같은 상대적 div에서 둘 다 래핑하여 필요할 경우 플로우에 계속 배치 할 수 있습니다.