前端常问的面试题，题目：假设高度一定，请写出三栏布局，左右宽度300px，中间自适应。

看到这里我希望你能停下来思考几分钟，

1分钟~2分钟~3分钟~4分钟~5分钟！

 

 

好了，那么你想出了几种答案呢？

下面提供这道题的五种解决方案：

首先要写好整个页面的布局（初始化等）

1.浮动的解决方案

         
     
        
              
      
            
       
            
       
            
       
                
        
浮动解决方案
                
        
1.这是布局的中间部分
                
        
2.这是布局的中间部分
            
       
        
      
    
     

2.绝对定位的解决方案

         
     
        
              
      
            
       
            
       
                
        
绝对定位的解决方案
                
        
1.这是布局的中间部分
                
        
2.这是布局的中间部分
            
       
            
       
        
      
    
     

3.flexbox的解决方案

         
     
        
              
      
            
       
            
       
                
        
flexbox的解决方案
                
        
1.这是布局的中间部分
                
        
2.这是布局的中间部分
            
       
            
       
        
      
    
     

4.表格布局的解决方案

         
     
        
              
      
            
       
            
       
                
        
表格布局的解决方案
                
        
1.这是布局的中间部分
                
        
2.这是布局的中间部分
            
       
            
       
        
      
    
     

5.网格布局的解决方案

         
     
        
              
      
            
       
            
       
                
        
网格布局的解决方案
                
        
1.这是布局的中间部分
                
        
2.这是布局的中间部分