min-height и position: абсолютно не работают вместе? - PullRequest
Новая
       51

min-height и position: абсолютно не работают вместе?

0 голосов
/ 29 сентября 2019

Я делаю сайт и определил тег заголовка для него.Я назначил минимальную высоту заголовка и расположил его относительно.Но когда я назначаю position: absolute его содержимому, тег заголовка не увеличивает его высоту в соответствии с содержимым.

header {
  background-color: aqua;
  display: block;
  position: relative;
  min-height: 100px;
  overflow: display;
}

.firstpart,
.secondpart {
  position: absolute;
}

.firstpart {
  top: 100px;
  left: 300px;
}

.secondpart {
  top: 100px;
  right: 300px;
}
<header>
  <div class="firstpart">
    <h1>My Name</h1>
    <h2>Student</h2>
  </div>
  <div class="secondpart">
    <h1>Welcome to my website.</h1>
    <h2>Want to give a feedback?</h2>
  </div>
</header>

Заголовок поддерживает высоту 100px, а первая и вторая части отображаются внизу.Когда я удаляю абсолютное позиционирование и добавляю контент один за другим, заголовок увеличивает его высоту в соответствии с содержимым.Кто-нибудь может помочь?

...