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

Question

我在一個網站上工作，在某些頁面上很少有內容，如登錄頁面和頁腳沒有到達底部，這就是為什么我希望主要部分覆蓋剩余空間（如果有的話）並且如果溢出則正常工作。 基本上我希望它像最小高度一樣工作。 我嘗試使用 100vh 和 100% 的最小高度，但沒有得到想要的結果。

Answer 1

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

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

在我們的 tailwind 配置文件中，您應該擴展 minHeight：

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