0

Что нужно сделать, чтобы второй flex блок занимал всю оставшуюся ширину? Без использования width второго блока

.hello {
    background-color: rebeccapurple;
}

.bye {
    background-color: aqua;
}

.box {
    display: flex;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <title>Title</title>
</head>
<body>
    <div class="box">
        <div class="hello">
            hello
        </div>
        <div class="bye">
            bye
        </div>
    </div>
</body>
</html>

вот нужный результат: введите сюда описание изображения

1 ответ 1

1

.hello {
  background-color: rebeccapurple;
}

.bye {
  background-color: aqua;
  flex: 1 0 0px;
}

.box {
  display: flex;
}
<div class="box">
  <div class="hello">hello</div>
  <div class="bye">bye</div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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