2020.11.25web前端第十一课

浮动布局float

.clearfix:after {  /*正常浏览器 清除浮动*/
		content:"";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
.clearfix {
		*zoom: 1;  /*zoom 1 就是ie6 清除浮动方式  *  ie7一下的版本所识别*/
	}



<div class="father clearfix">

当父级无高度而子级浮动时，父级背景无法显示
1、设置一个空标签clear:both
2、父级overflow:hidden 易冲突
3、使用after伪类（推荐）

使用after伪类解决