==!

означает так же, как

flex:1

Однако на самом деле это имеет другое шоу в браузере.

flex-grow:1.

Вы можете попробовать это в этом

jsFiddle изменив комментарий в css.Когда я использую

 элемент, чье имяflex: 1 будетtest-container но это не произойдет, когда вы используетеheight:100%Я не понимаю почему. Нужна помощь. Большое спасибо.flex-grow: 1.

.flex-1 {
  display: flex;
  flex-direction: column;
  height: 500px;
  background: red;
}

.child-1 {
  height: 50px;
  background: blue;
}

.child-2 {
  flex-grow: 1;
  /* flex:1; */
  background: green;
}

.test-container {
  display: flex;
  flex-direction: row;
  background: white;
  height: 100%;
}
<div class="flex-1">
  <div class="child-1"></div>
  <div class="child-2">
    <div class="test-container"></div>
  </div>
</div>

Ответы на вопрос(1)

Ваш ответ на вопрос