Что же тут не так?

Question

[VertiGoing]

Первый контейнер не растянулся автоматически до нужной высоты, которую исп. контент, и, поэтому второй контейнер находится в самом начале.
Подскажите, пожалуйста, что я сделал не так? Какие ошибки в коде?

https://codepen.io/VertiGoing/pen/bZMeOY

Answer 1

[Артем Зеневич]

Я конечно извиняюсь, но не проще было сделать с помощью flex?

.header-top {
	display: flex;
  justify-content: space-between;;
}

Comments

[VertiGoing]

До флексов еще не дошел. Только учусь, а так спасибо за ответ.

[Артем Зеневич]

На вашем месте я бы начал уже изучать flex и grid.

[Никита Мелихов]

VertiGoing, стоит изучить хотя бы самое основное. Это не так сложно и намного удобнее дедовских способов :)

Answer 2

[Александр]

У вас элемент .header-top с позицией абсолют, а его родитель не имеет своей высоты. Либо задать родителю высоту, либо не использовать абсолют.

Comments

[VertiGoing]

Хорошо, спасибо. Сейчас изменю.

[VertiGoing]

Все равно, контейнер не на всю длину контента растянулся.

[Александр]

Контейнеры у вас на всю ширину. Вы можете задать им outline, и сами увидите.

[VertiGoing]

Александр, но я написал на всю длину, а не ширину.