Задать вопрос
@pankratov_tolik
html

Как убрать пустое место в конце контента?

https://jsfiddle.net/o3nfa9fb/#&togetherjs=nhfavkGqNj

.block1 {
			height: 100vh;
			background-color: chocolate;
			position: relative;
			z-index: 100;
		}
		.block2 {
			height: 120vh;
			background-color: aqua;
			position: relative;
			top: -150px;
			z-index: 50;
		}
		.block3 {
			height: 100vh;
			background-color: chocolate;
			position: relative;
			top: -180px;
			z-index: 100;
		}
<body>
 <div class="block1"></div>
  <div class="block2"></div>
  <div class="block3"></div>
</body>
  • Вопрос задан
  • 191 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
вы последний block3 сдвинули и потому получилось свободное место с низу
https://jsfiddle.net/o3nfa9fb/1/ - это пример решения
это проблемный участок :
.block3 {
			height: 100vh;
			background-color: chocolate;
			position: relative;
			top: -180px;
			z-index: 100;
		}


именно вот это :
position: relative;
top: -180px;
z-index: 100;
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Модуль для пересылки Telegram сообщений в чаты на Python Telethon
22 нояб. 2024, в 15:59
5000 руб./за проект
Доработка и исправление ошибок в работе Личного кабинета сайта
22 нояб. 2024, в 15:59
35000 руб./за проект
Рефакторинг vue.js/nest.js интерфейса у админки
22 нояб. 2024, в 15:50
150000 руб./за проект
Ещё заказы