Scrollable Table 留下残留边框

Question

我不确定这是 CSS/tailwind 错误还是我做错了什么，但我在使用 Tailwind 时观察到了这种行为。
当滚动 table 时，容器似乎在滚动前容器结束的位置留下了边框。

这发生在 Chrome 和 Firefox 上。

Answer 1

您将 .shadow 和 .rounded-md 分配给了错误的元素。您看到的是 div.

的边框

这是你的代码。

<div class="shadow rounded-md h-full">
  <table class="min-w-max sm:min-w-full divide-y divide-gray-200 text-sm p-4 h-full">

我从父 div 中删除了类并将其添加到 table。

<div class="h-full">
   <table class="shadow rounded-md min-w-max sm:min-w-full divide-y divide-gray-200 text-sm p-4 h-full">

Scrollable Table leaves residual border