0

.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% не зависимо от содержимого. А левый оставшуюся часть...

1

1 ответ 1

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>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.