页面布局的几种方式

在工作中， 经常需要使用到中间两栏布局或者左右布局， 对最常见的五种布局方式（float, absolute, flex, table, 栅格布局）等研究以后， 发现float和absolute是比较常用和有效的布局方式。

1. float布局

   
   
   
   
     
     
     
     
     
   
   
   
     
   
       
   
         
         
   
         
   
         
   
           
   
             浮动解决方案
           
           1. this is the center 1. this is the center 1. this is the center
   
         
   center
       
   
     
   
   
   
   
   

   缺点： 中间高度如果溢出， 会从左侧开始，造成布局问题。 解决方案，需要创建一个BFC, 加上

   overflow: hidden
   

2. flex布局

   
   
   
     
     
     
     
     
   
   
     
   
       
   
         
   
         
   
         
   
           1111111