Задать вопрос
@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>
  • Вопрос задан
  • 186 просмотров
Комментировать
Подписаться 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 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать обмен заказами 1с
11 мая 2024, в 00:19
1000 руб./за проект
Разработка сайта (верстка)
10 мая 2024, в 23:51
30000 руб./за проект
Опубликовать приложение в Google play
10 мая 2024, в 23:33
2500 руб./за проект
Ещё заказы