display:flex的兼容写法 和 :after伪类清除浮动

/*清除浮动代码*/

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}

.clearfloat{zoom:1}

/*display:flex兼容写法*/

  display: -moz-box;  /* Firefox */

  display: -ms-flexbox;    /* IE10 */

  display: -webkit-box;    /* Safari */

  display: -webkit-flex;    /* Chrome, WebKit */

  display: box;

  display: flexbox;

  display: flex;