📜  如何拉伸 div 以适应容器?

📅  最后修改于: 2021-08-31 07:49:24             🧑  作者: Mango

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

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

考虑这个 HTML 演示:

HTML


  

    
  

  

    
        
            Welcome to GFG.         
    
  


HTML


  

    

  

    
        
            Welcome to GFG.         
    
  


输出:

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

HTML



  

    

  

    
        
            Welcome to GFG.         
    
  

输出: