如何使背景拉伸屏幕的宽度？

时间：2021-03-23 01:27:06

标签： css tailwind-css

出于某种原因，<div class="h-screen bg-gradient-to-br from-green-400 to-indigo-600"> 出现在桌面顶部并带有一条白线： enter image description here

它在 repl 上也是这样的（见下文_，虽然不能使用 chrome 重现。

enter image description here

1 个答案:

答案 0 :(得分：1)

我最初的假设是您会因保证金崩溃而陷入困境。元素的第一个和最后一个子元素的边距会出现一种不直观的情况。

在您的情况下，我假设您的直接子元素有一个顶部边距，这会在页面顶部创建白色间隙。

您可以通过将容器设置为 display: flow-root 来解决该问题。 Tailwind 为您提供了 .flow-root 类。

<div class="flow-root h-screen bg-gradient-to-br from-green-400 to-indigo-600">
相关问题
最新问题