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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик HTML
MST
от 450 $
Баннермейкер (html-5)/дизайнер-верстальщик/motion-дизайнер
BYTIME
от 130 000 ₽
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка Roguelike-игры на Unity для Android
26 дек. 2024, в 01:11
120000 руб./за проект
Доработка веб-платформы на PHP
26 дек. 2024, в 00:27
35000 руб./за проект
Нарисовать обложку для рекламной кампании в VK Ads
25 дек. 2024, в 22:59
1000 руб./в час
Ещё заказы