Pomimo mojego Googlingu znalazłem kilka przykładów implementacji wielu linii Flexbox. Żaden z kodu, który otrzymałem z przykładów, nie zadziałał. Mam trzy elementy wewnątrz flexbox i chcę, aby pierwszy był na górze, a drugi i trzeci w dolnym rzędzie.

<div class="flexbox">
  <div id="element1">element 1</div>
  <div id="element2">element 2</div>
  <div id="element3">element 3</div>
</div>

Próbowałem użyć tych właściwości:

.flexbox {
  width: 300px;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  box-lines: multiple;
  flex-wrap: wrap;
}

#element1 {
  width: 100%;
}

i nadając mu ustaloną szerokość, ale nadal nie zawija, nawet jeśli pierwszy element ma szerokość 100%. Czy brakuje mi niektórych prefiksów dostawcy lub czy moja składnia jest nieprawidłowa?