高度已知,左右定宽,中间自适应三栏布局的五种写法

1.使用浮动布局




    
    
    
    Document
    


    
    
第一种方法:浮动

2.使用定位布局




    
    
    
    Document
    


    
    
第二种方法:定位

3.使用flex布局




    
    
    
    Document
    


    
    
第三种方法:flexbox布局

4.使用表格布局




    
    
    
    Document
    


    
    
第四种方法:表格布局

5.使用网格布局




    
    
    
    Document
    


    
    
第五种方法:网格布局

转载于:https://www.cnblogs.com/fangfeiyue/p/7392673.html

你可能感兴趣的:(高度已知,左右定宽,中间自适应三栏布局的五种写法)