css九宫格--calc()方法--超出数量可上下滑动

按照上面的逻辑,可以有多种方法做九宫格

	
		
		
		
	
	
		

			
1
			
1
			
1
			
1
			
1
			
1
			
1
			
1
			
1
		
	

利用网格布局做出九宫格布局:

    




    
grid-template-columns 属性

    
请使用 grid-template-columns 属性来定义网格布局中每列的尺寸（宽度）。
    
这个网格布局有四列，带有不同的尺寸：

    

        
1
        
2
        
3
        
4
        
5
        
6
        
7
        
8
        
9