Tailwind CSS Card 不在导航栏下方

Question

卡片不在导航栏下方，但是，导航栏是固定的。

卡代码：

<div class="w-full flex justify-center no-wrap">
    <div class="bg-white p-8 rounded-lg shadow-lg relative hover:shadow-2xl transition duration-500">
      <h1 class="text-sm text-gray-400 font-semibold mb-1"><%= @question.question_asked_on %>.</h1>
      <h1 class="text-2xl text-gray-800 font-semibold mb-3"><%= @question.title %>.</h1>
      <div class="w-full">
        <p class="text-gray-600 leading-6 tracking-normal">
          <%= @question.body %>
        </p>
      </div>

      <button class="py-2 px-4 mt-8 bg-indigo-600 text-white rounded-md shadow-xl">Learn  More</button>
    </div>
  </div>
</div>

导航栏代码

<nav class="bg-indigo-700 fixed inset-x-0">
  <div class="max-w-6xl mx-auto px-4">
    <div class="flex justify-between">
      <div class="flex space-x-7">
        <div>

Answer 1

如果您从卡片中删除 relative，它应该会出现在导航栏下方。