Как растянуть блок во всю высоту родителя?

Question

Не знаю как растянуть дочерний элемент на всю высоту родителя, это можно сделать? Пробовал задавать height: 100% и min-height: 100%... Ниже пример.

.box_child{
  display: inline-block;
  margin-right: 10px;
  border: 1px solid red;
  padding: 5px;
  max-width: 110px;
}

.box_parent{
   border: 1px solid green;
}

<div class="box_parent">         
  <div class="box_child">
      sada safasfafafdgs fg d
  </div>
  <div class="box_child">
      sada safasfafasfa
  </div>
  <div class="box_child">
      sada safasfafa
  </div>
  <div class="box_child">
      sada safasfafasfa
  </div>
</div>

Answer 1

Не знаю как растянуть дочерний элемент на всю высоту родителя, это можно сделать?

Такое можно сделать на flex...

.box_child{
  margin-right: 10px;
  border: 1px solid red;
  padding: 5px;
  max-width: 110px;
}

.box_parent{
   border: 1px solid green;
   display: flex;
}

<div class="box_parent">         
  <div class="box_child">
      sada safasfafafdgs fg d
  </div>
  <div class="box_child">
      sada safasfafasfa
  </div>
  <div class="box_child">
      sada safasfafa
  </div>
  <div class="box_child">
      sada safasfafasfa
  </div>
</div>

БЛОГ НА HUSL

Как растянуть блок во всю высоту родителя?

Ответы (1 шт):