CSS常用布局实现05-圣杯布局和双飞翼布局

1. 简介

其实对于三列布局的实现，之前网上使用最多的还是这两种。它们有一个共同的优点，就是可以使主内容优先加载。当然，如果不考虑兼容，flex和grid还是优先推荐的。

2.实现

我们直接上代码，代码中有详细注释：

    
    
    






    
    

        

            
main content
            
main content
            
main content
        
        
left content
        
right content
    





    
    

        

            

                
main content
                
main content
                
main content
            
        
        
left content
        
right content