Задать вопрос
@Shan0102

Как растянуть блок с до конца блока?

<body>
  <header class="header">
    <div class="container">
      <nav class="header-nav">
      </nav>
      <div class="header-content">
        <div class="header-main">
          <div class="header-botton">
            <a href="#" class="header-btn-botton"><img src="img/arrow.svg" alt="" class="header-btn-img" width='20px' height='20px'></a>
          </div>
        </div>
      </div>
    </div>
  </header>
</body>

.header {
  height: 100hv;
}
.header-main {
  position: relative;
}
.header-botton {
  position: absolute;
}

весь блок высотой 100hv нужно чтобы .header-content заполнил оставшуюся высоту
  • Вопрос задан
  • 150 просмотров
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
@michaelvovk
.header {
height: 100hv;
position: relative;
}
.header-content{
position: absolute;
top: 0;
left: 0;
width: 100%; //если он должен быть на всю ширину
height: 100%
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
19 дек. 2024, в 02:11
15000 руб./за проект
19 дек. 2024, в 02:09
11000 руб./за проект
19 дек. 2024, в 00:46
30000 руб./за проект