Ширина правого блока в приоритете

Question

.gl {
   display: flex;
}
.right {
width: 90%;
}

<div class='gl'>
   <div class='left'>sssss sss ssd sdas sss sss ssssd s dasss sssss sssd sda sssss ssss ssd sdas
   </div>
   <div class='right'>///<div>
</div>

Не понимаю, как при display: flex; сделать так чтобы ширина правого блока была в приоритете. То есть если указано что ширина правого блока 90%. Значит правый блок должен занимать 90% не зависимо от содержимого. А левый оставшуюся часть...

Answer 1

Запретить блоку сжиматься при помощи flex-shink: 0 (или как в примере ниже через flex).

.gl {
  display: flex;
}
.left {
  background: lavender;
}

.right {
  background: navajowhite;
  flex: 90% 1 0;
}

<div class='gl'>
   <div class='left'>sssss sss ssd sdas sss sss ssssd s dasss sssss sssd sda sssss ssss ssd sdas
   </div>
   <div class='right'>///<div>
</div>

БЛОГ НА HUSL

Ширина правого блока в приоритете

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