如何拉伸 div 以适应容器？

容器内的子 div 可以采用父 div 的完整宽度和高度。下面讨论了两种使用 CSS tat 拉伸 div 以适应容器的方法：

方法 1：第一种方法是简单地为子 div 分配 100% 的宽度和 100% 的高度，这样它将占用父 div 的所有可用空间。

考虑这个 HTML 演示：

HTML

  

    
  

  

    

        

            Welcome to GFG.
        
    

  

输出：

方法二：我们可以将子容器的 display 属性设置为table-row ，将父容器的 display 属性设置为table ，这将占用父 div 元素的所有可用高度。为了覆盖所有的宽度，我们可以将父 div 的宽度设置为 100%。

HTML

  

    

  

    

        

            Welcome to GFG.
        
    

  

输出：