Tailwind css - 如果有任何其他溢出正常覆盖剩余高度

【问题标题】：Tailwind css - cover remaining height if there is any else overflow like normalTailwind css - 如果有任何其他溢出正常覆盖剩余高度
【发布时间】：2021-03-10 07:45:59
【问题描述】：

我在一个网站上工作，在某些页面上只有很少的内容，例如登录页面和页脚没有到达底部，这就是为什么我希望主要部分覆盖剩余空间（如果有的话）并在溢出时正常工作.基本上我希望它像最小高度一样工作。我尝试使用 100vh 和 100% 的最小高度，但没有得到想要的结果。

【问题讨论】：

标签： html css tailwind-css

【解决方案1】：

您可以使用自定义最小高度。

<div class="min-h-60">
    content...
</div>

在我们的顺风配置文件中，您应该扩展 minHeight：

module.exports = {
    purge: [],
    theme: {
        extend: {
            minHeight: {
                '60': '15rem'
            }
        }   
    },
    variants: {},
    plugins: []
}

【讨论】：