我在使用高度时会感到困惑:100%,内容设置为25%25%25%25%为什么它不起作用(在我的浏览器中,每个div看起来都很小,100%没有填满整页).谁能在这里找到我的错？

我的HTML代码:

        

            

                .col-xs-9 .col-md-7
        
        

            .col-xs-3 .col-md-5
        
        

            .col-xs-3 .col-md-5
        
    

    

        

            .col-xs-9 .col-md-7
        
        

            .col-xs-3 .col-md-5
        
        

            .col-xs-3 .col-md-5
        
    

    

        

            .col-xs-9 .col-md-7
        
        

            
Azkaban
        
        

            .col-xs-3 .col-md-5
        
    

    

        

            .col-xs-9 .col-md-7
        
        

            .col-xs-3 .col-md-5
        
        

            .col-xs-3 .col-md-5
        
    

我已经读过了:如何使Bootstrap列的高度相同？

但我仍然不明白为什么100% - > 25%每个div不在这里工作？

输出:

.container-fluid {
   height: 100vh;
}

.row .col-xs-4.col-md-4 {
  height: 100%;
  }

  

    

      .col-xs-9 .col-md-7
    
    

      .col-xs-3 .col-md-5
    
    

      .col-xs-3 .col-md-5
    
  

  

    

      .col-xs-9 .col-md-7
    
    

      .col-xs-3 .col-md-5
    
    

      .col-xs-3 .col-md-5
    
  

  

    

      .col-xs-9 .col-md-7
    
    

      
Azkaban
    
    

      .col-xs-3 .col-md-5
    
  

  

    

      .col-xs-9 .col-md-7
    
    

      .col-xs-3 .col-md-5
    
    

      .col-xs-3 .col-md-5