flex-wrap 没有效果，容器反而变大了

Answer 1

从元素容器的样式中删除

flex-direction:column;

。

代码应如下所示：

<div style="background-color: #aaa;">
  <div style="display: flex;">
    <div style="display: flex; flex-wrap: wrap;">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
      <div>6</div>
      <div>7</div>
    </div>
    <div style="width: 300px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  </div>
</div>