Когда у flexbox есть двое детей с прокручиваемым содержимым, могу ли я контролировать их, чтобы они занимали 50% высоты - PullRequest
Новая
       20

Когда у flexbox есть двое детей с прокручиваемым содержимым, могу ли я контролировать их, чтобы они занимали 50% высоты

0 голосов
/ 13 июня 2018

У меня есть контейнер flexbox с ограниченной / фиксированной высотой.Внутри двое детей, у них обоих есть прокручиваемый (динамический) контент.

Когда у них обоих есть контент, я бы хотел, чтобы они занимали столько места, сколько нужно.Но когда у них обоих больше контента (больше, чем уместилось бы на 50%), я бы хотел, чтобы они в равной степени разделяли пространство.Один контейнер может вырасти больше, чем на 50%, если у другого нет или только несколько строк содержимого.

enter image description here

<div class="container">
  <div class="box">
    <h1>Header</h1>
    <p class="text-body">
      <!-- long, dynamic content -->
    </p>
  </div>
  <div class="box">
    <h1>Header</h1>
    <p class="text-body">
      <!-- long, dynamic content -->
    </p>
  </div>
</div>

Проверьте мой пример:https://codepen.io/fabiandarga/pen/oywZqp

Возможно ли это вообще?

...