以下是我的代碼，其中我希望 3 個(gè).itemdiv 位于一行，接下來的 3 個(gè) div 位于另一行。下面提到的代碼在普通屏幕上運(yùn)行良好。但是一旦我減小瀏覽器的大小，兩個(gè)項(xiàng)目就會(huì)顯示在一行上。讓我知道我在這里做錯(cuò)了什么，盡管我已將寬度添加到 33%，它應(yīng)該可以容納它，但可能我在這里遺漏了一些東西。代碼 -:root { box-sizing: border-box; }.flex { display: flex; width: 100%; flex-wrap: wrap; }.item { flex: 0 1 33%; border: 1px solid red; }<div class="flex">  <div class="item">Flex Item 1</div>  <div class="item">Flex Item 2</div>  <div class="item">Flex Item 3</div>  <div class="item">Flex Item 4</div>  <div class="item">Flex Item 5</div>  <div class="item">Flex Item 6</div></div>