Как сместить блок влево?

Question

[Дмитрий Смирнов]

Здравствуйте!
Возник вопрос:
https://codepen.io/patrickj/pen/mMxmOj
по ссылке есть три дива. нужно сделать так, чтобы второй див встал слева и занимал всю высоту контейнера. Сейчас я сделал через flex. У моего решения есть проблема - фиксированная высота контейнера, поэтому все ломается, когда текст справа выходит за его границы. Можно ли как-то пофиксить это в данном решении или нужно делать по-другому?

Answer 1

[profesor08]

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Comments

[Дмитрий Смирнов]

Пока не можем себе позволить юзать гриды. Можно ли как-то это решить с помощью flex?

Answer 2

[cssfish]

если задача в том, чтобы левый просто был высотой с правый, то такую структуру можно собрать без всяких флексов на тех же table-cell или absolute

Comments

[Дмитрий Смирнов]

Нет. Зачада не в этом. Если кратко,то: блок, идущий в потоке не первым необходимо вытащить влево, а все остальное вправо, при этом избежать фиксированной высоты контейнера. Правая часть должна принимать высоту содержимого.

[cssfish]

ну так оно и есть. левый лепим абсолютом на всю высоту (правого). а высота правого - от контента.

Answer 3

[Дмитрий Смирнов]

Как оказалось, такое без труда можно сделать через флоаты)

Comments

[cssfish]

внезапно )