最好用的—:after伪元素法:

	.clearfix:after {
		content: "";
		display: block;
		height: 0;
		/*visibility: hidden;*/
		clear: both;
	}
	.clearfix {
		*zoom: 1;  /*由于IE6-7不支持:after,使用 zoom:1触发 hasLayout*/
	}

See the Pen QmdrBm by kuleyu (@kuleyu) on CodePen.


参考 1. 那些年我们一起清除过的浮动

[20]: