CSS浮动-float属性

浮动的作用：可以快速实现两端对齐

1、浮动会使元素自动切换为行内块元素。

2、浮动后，父元素会出现高度丢失问题

解决方法：

（1）给父节点添加height

（2）父节点添加属性，overflow：hidden

（3）在父元素最后一个元素后加一个div，设置属性clear：both

（4）伪元素清楚，方便重用

.clearfix::after{
	clear: both;       /* 清楚两边浮动*/
	content: '';       /*内容为0*/
	display: block;    /*显示为块元素 */
}

实例：