如何使用 Tailwindcss 创建真正的粘性页眉/页脚（即使滚动也粘在底部）？
How create a TRUE sticky header/ footer using Tailwindcss (sticks to bottom even if scroll)?
很多博客和帖子声称使用 Tailwindcss 创建“粘性页脚”，但是 none 我可以找到 认为 关于超过的情况简短的“hello world”内容行：
例如，在 none 中，如果主区域足够高可以滚动，页脚会“粘住”。
https://www.gomasuga.com/blog/creating-a-sticky-footer-with-tailwind
https://medium.com/@milanchheda/sticky-footer-using-tailwind-css-1c757ea729e2
...和几个 codepen 示例。
有没有办法使用 Tailwindcss 创建一个小页脚，无论主要内容区域有多长，该页脚始终显示在屏幕上？
在您分享的示例中，他们都希望主要内容区域是滚动发生的地方。为此，您只需将 overflow-hidden 和 h-screen 添加到最外面的 div 或 body 标记，并将 overflow-y-scroll 添加到主要内容区域，该部分将获得自己的一组滚动条，但是如果操作正确，页面本身将没有滚动条。这是 Tailwind 播放中的一个示例 https://play.tailwindcss.com/A5Hs7ZtGad
最终 Tailwind 只是 CSS，所以如果您可以使用 CSS 制作一些东西，您可以使用 Tailwind 的实用程序 类 重新创建它。此问题的另一种解决方案是，如果您只希望页脚（或任何 div）位于所有其他内容之上的底部，并且您想要常规滚动条，而不是给元素 fixed bottom-0 left-0 w-full，它将有类似的结果，但如果您的内部元素没有足够的填充或边距，也可以覆盖内容。这是 https://play.tailwindcss.com/nna2QkrxlK
的一个例子
很多博客和帖子声称使用 Tailwindcss 创建“粘性页脚”，但是 none 我可以找到 认为 关于超过的情况简短的“hello world”内容行：
例如，在 none 中，如果主区域足够高可以滚动，页脚会“粘住”。
https://www.gomasuga.com/blog/creating-a-sticky-footer-with-tailwind
https://medium.com/@milanchheda/sticky-footer-using-tailwind-css-1c757ea729e2
...和几个 codepen 示例。
有没有办法使用 Tailwindcss 创建一个小页脚，无论主要内容区域有多长，该页脚始终显示在屏幕上？
在您分享的示例中，他们都希望主要内容区域是滚动发生的地方。为此，您只需将 overflow-hidden 和 h-screen 添加到最外面的 div 或 body 标记，并将 overflow-y-scroll 添加到主要内容区域，该部分将获得自己的一组滚动条，但是如果操作正确，页面本身将没有滚动条。这是 Tailwind 播放中的一个示例 https://play.tailwindcss.com/A5Hs7ZtGad
最终 Tailwind 只是 CSS，所以如果您可以使用 CSS 制作一些东西，您可以使用 Tailwind 的实用程序 类 重新创建它。此问题的另一种解决方案是，如果您只希望页脚（或任何 div）位于所有其他内容之上的底部，并且您想要常规滚动条，而不是给元素 fixed bottom-0 left-0 w-full，它将有类似的结果，但如果您的内部元素没有足够的填充或边距，也可以覆盖内容。这是 https://play.tailwindcss.com/nna2QkrxlK