Это приносит еще одну проблему. Вы должны опубликовать новый вопрос с акцентом на изображениях границ и перемещениях, чтобы они могли получить полное внимание.
ы хотелось, чтобы столбец CONTENT flex обернулся вокруг левого столбца rowChild592.
У меня есть это:
Я бы хотел, чтобы это выглядело примерно так:
Я увидел здесь ответ о том, как сделать div, установленным на ячейку таблицы:
Обтекание содержимого таблицы вокруг плавающего элемента в нескольких строкахПридется ли мне все это переделывать с помощью таблицы или можно обернуть гибкую колонку вокруг другой?
.rowParent,
.columnParent {
display: flex;
}
.columnParent {
flex-direction: column;
}
.flexChild {
flex: 1;
}
#flexymenu {
flex-grow: 2;
height: 100%;
}
.frame {
display: block;
margin: 0 auto;
}
.socialwrap {
display: flex;
}
<div id="container" class="flexChild rowParent">
<div id="rowChild592" class="flexChild">
<h1></h1>
<div class="socialwrap"></div>
</div>
<div id="flexymenu" class="flexChild columnParent">
<div id="columnChild85412" class="flexChild rowParent">
<div id="rowChild97758" class="flexChild"></div>
<div id="rowChild52237" class="flexChild"></div>
</div>
<div id="columnChild59385" class="flexChild selected">
<div class="frame">CONTENT</div>
</div>
</div>
</div>