在网站设计过程,经常会有这种单个元素向后浮动的情况(比如下图的「打开 App」)。

传统的做法是用 float: right,但是有了 flexbox 后,不再需要这么做了。你只需要用 justify-content: between。下面的示例使用 Tailwind CSS 提供的 utility 作演示:
<div class="flex justify-between w-64 border p-2 m-2">
<div>Left Item</div>
<div>Right item</div>
</div>看 运行实例。