Tailwind CSS 框架中将屏幕尺寸更改为 lg 时，嵌套网格高度发生异常变化

Answer 1

您提到的 div 有一个应用的高度。

你有

h-10

所以红色应该是：

<div class="w-full bg-red-600"></div>

你有

h-10

绿色应该是：

<div class="w-full bg-green-500"></div>

你有

h-20

橙色应该是：

<div class="test col-span-2 w-full bg-orange-800"></div>