Встроенный div с flex

Question

Допустим, у меня есть 2 div, которые должны быть встроены, и я хочу, чтобы второй div вырос ниже первого div, если его содержимое больше родительского div.теперь, когда я добавляю flex и делаю их встроенными, это выглядит так: JSFiddle

Примерно так:

Любой совет?

Answer 1

Это невозможно с flexbox.

Однако, если вы сделаете необходимые элементы display:inline, это так.

.field,
.field-items,
.field-item {
  display: inline;
}

h2 {
  margin-top: 0;
  display: inline;
}

<div class="group-title-wrapper">
  <div class="field field-name-post-date field-type-ds field-label-hidden">
    <div class="field-items">
      <div class="field-item even">08 January</div>
    </div>
  </div>

  <div class="field field-name-title field-type-ds field-label-hidden">
    <div class="field-items">
      <div class="field-item even" property="dc:title">
        <h2>Vokalia and Consonantia, there live the blind texts.Lorem ipsum dolor amet schlitz ennui taxidermy bespoke vinyl lyft iceland selfies quinoa intelligentsia. Tacos semiotics yuccie fam photo booth hella health goth kitsch whatever waistcoat.</h2>
      </div>
    </div>
  </div>
</div>