我想知道如何在flex内容中自由地使用flex内容。这怎么做？我试图使用flex Box来制作整个网站的显示，但我卡在了导航部分（我想在左边放一个徽标，在另一边放订阅底部）。

在我的例子中，我试图在左边写数字1，在最右边写数字3，我怎么做？我在这里发现了一些类似的问题，但解决方案似乎是人为的，通常是什么更常见的方法来解决这个问题？

HTML:

<div class="container">
<div class="box1">1 3</div>
<div class="box2">2</div>

</div>

CSS:

.container{
font-size:300px;
display:flex;
flex-direction:column;
}

.box1{
background-color:blue;
display:flex;
justify-content:space-between;
}
.box2{
background-color:pink
}

顺晟科技：

Flex将处理子元素，而不是父元素中的文本，但是在html代码box1中没有子元素。这意味着没有弹性项目。但是在将1和3放在单独的div中后，它可以正常工作。

.container { font-size: 300px; display: flex; flex-direction: column; } .box1 { background-color: blue; display: flex; justify-content: space-between; } .box2 { background-color: pink }

<div class="container">
  <div class="box1">
    <div>1</div>
    <div>3</div>
  </div>
  <div class="box2">2</div>
</div>