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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Верстальщик HTML
MST
от 500 $
Frontend developer / HTML-верстальщик (part-time)
HRScan
от 800 до 1 000 €
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать датасет криптовалют
01 июл. 2024, в 05:13
3000 руб./за проект
Разработать web app Telegram (nest.js + next.js + tailwind.css)
01 июл. 2024, в 04:41
25000 руб./за проект
Заменить сркейпер из rapidapi в nuxt/laravel web app
01 июл. 2024, в 02:10
10000 руб./за проект
Ещё заказы