如何使用 Tailwind CSS 填充剩余的屏幕高度？

在本文中，我们将学习如何使用 Tailwind CSS 填充屏幕高度的其余部分。

方法：为了解决上述问题，我们将使用 Tailwind CSS 的 Flex Class 和 Height Class。

我们将用来解决这个问题的类如下。

• flex：用于设置灵活项目的长度。 flex类响应迅速且对移动设备友好。
• flex-col：用于垂直放置弹性项目。
• h-screen：此类用于使元素跨越视口的整个高度。

例子：

HTML

  

    

  

    

        

            

                
                    GeeksForGeeks Dashboard
                
                  
                
                    Team
                
                  
                
                    Projects
                
                  
                
                    Calendar
                
            
        
          
        

            This is the other content on screen
        
    

  

输出：