栅格布局的两种简单的实现方式_html/css_WEB-ITnose

1. 使用float：

           
       
   A
       
   B
       
   C
       
   D
       
   E
     

2. 使用display：flex（这个css3属性仅谷歌和火狐支持）

           
       
   A
       
   B
       
   C
       
   D
       
   E
     

实现效果如图所示：

当然使用table和负边距也是可以实现的，有时间补上:-D