html5 - Warum folgt der zweite Flex unmittelbar auf den ersten Flex-Container?

Question

Frage: Wie kann der zweite Flex hinter den ersten Flex-Container verschoben werden?

Navigationsbarcode

.navbar {
  height: 60px;
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  display: flex;

  .theme;
  .green-border;
}

Containercode

.container {
  display: flex;

  .make-col(@max-col-num);
  .make-col-offset(@max-col-num);
}

Answer 1

flex-direction: colum;?

Answer 2

.container 是 flex 容器呢，.navbar 和 .main 既是 flex 容器也是 flex item