出于某种原因,<div class="h-screen bg-gradient-to-br from-green-400 to-indigo-600">
出现在桌面顶部并带有一条白线:
它在 repl 上也是这样的(见下文_,虽然不能使用 chrome 重现。
答案 0 :(得分:1)
我最初的假设是您会因保证金崩溃而陷入困境。元素的第一个和最后一个子元素的边距会出现一种不直观的情况。
在您的情况下,我假设您的直接子元素有一个顶部边距,这会在页面顶部创建白色间隙。
您可以通过将容器设置为 display: flow-root
来解决该问题。 Tailwind 为您提供了 .flow-root
类。
<div class="flow-root h-screen bg-gradient-to-br from-green-400 to-indigo-600">