СВОЙСТВО VISIBILITY

Свойство visibility определяет виден ли элемент на странице, или нет. Если элемент скрыт, то он всё равно занимает место на странице.

Поддержка браузеров

visibility: visible|hidden|collapse|initial|inherit

Значение	Описание
visible	Элемент виден. Это значение по умолчанию.
hidden	Элемент скрыт.
collapse	Для большинства элементов работает также как и hidden. Исключением являются теги `<tr>`, `<tbody>`, `<col>` и `<colgroup>`. В случае, если эти элементы скрыты, они не будут занимать место на странице.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<div class="block-1"></div>
<div class="block-2"></div>

HTML

.block-1,
.block-2 {
    width: 100px;
    height: 100px
    background: blue
}

.block-1 {
    visibility: hidden
}

CSS