clearfix清除浮动

 1 .clearfix:after {

 2     content: ".";

 3     display: block;

 4     height: 0;

 5     clear: both;

 6     visibility: hidden;

 7 }

 8 .clearfix {

 9     display: inline-table;

10     zoom: 1;

11 }

12 /* Hides from IE-mac \*/

13 * html .clearfix {

14     height: 1%;

15 }

16 .clearfix {

17     display: block;

18 }

19 /* End hide from IE-mac */

20 .clear {

21     clear: both;

22 }