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

Question

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

标签： htmlcsstailwind-css

Answer 1

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

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

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

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