Уменьшение высоты HTML-документа

Question

У меня такая ситуация:

Я сделал 2 деления, оба должны быть в одном месте. С помощью JavaScript я могу активировать одно, если хочу, и скрыть другое. Вот как я это сделал:

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

Это работает довольно хорошо. Но я заметил, что место, где вы ожидаете второй div (без верха: -100px), используется пробелом.

Какой самый элегантный способ снова избавиться от этого пространства? Я не хочу, чтобы мои веб-пользователи думали, что они могут прокрутить вниз больше, но остается только пробел.

Спасибо за ваши советы! Я надеюсь, что мое описание достаточно ясно, это не так легко описать. ;)

Answer 1

они не находятся в одном и том же месте, относительные div всегда покидают место, из которого они переместились, из-за пустого пространства.вам нужно использовать 'position: absolute' или отрицательные поля.Вы по-прежнему можете расположить их в потоке, если вам нужно, обернув их обоих в один относительный блок.