Tailwind 中的简单 Flex 和网格布局答案

【问题标题】：Simple Flex and grid layout in TailwindTailwind 中的简单 Flex 和网格布局
【发布时间】：2021-01-28 09:59:24
【问题描述】：

我正在尝试创建一个左侧 2/3 宽、右侧 1/3 宽的 md: 和更大尺寸的布局。比这更小，我希望两者相互重叠。

当我这样做时，flex 可以在较小的尺寸下工作，但我的容器不是我预期的尺寸：

<div class="flex flex-wrap md:flex-wrap-reverse">
<div class="col-span-8 ...">

...

</div>
<div class="col-span-4 ...">

...

</div>
</div>

【问题讨论】：

【解决方案1】：

感谢@KeithNicholas，我找到了答案 - 我将之前的尝试更改为：

<div class="grid md:grid-flow-col ">
<div class="col-span-8 ...">

...

</div>
<div class="col-span-4 ...">

...

</div>
</div>

【讨论】：