五种自适应三栏布局

方法一:浮动



    
        
    
    
        
左边
右边
中间

方法二:flex



    
        
    
    
        
左边
中间
右边

方法三:绝对布局



    
        
    
    
        
左边
中间
右边

方法四:table布局



    
        
    
    
        
左边
中间
右边

方法五:grid布局



    
        
    
    
        
左边
中间
右边

你可能感兴趣的:(前端,css,html)