【html+css】清除浮动

/* 1.法一:额外标签法 【必须是块级元素】*/        
.clear {            
	clear: both;        }

<div class="clear"></div>

/* 清除浮动 */        
.box {            
	width: 880px;            
	/* 不要忘 */            
	border: 1px solid blue;            
	margin: 0 auto;            
	/* 2. 法二：为父元素添加overflow */            
	/* overflow: hidden; */            
	/* 3. 法三：伪元素after */
                
 }

 /* 3. 法三：伪元素after */        .
 clearfix:after {            
 	content: "";            
 	display: block;            
 	height: 0;            
 	clear: both;            
 	visibility: hidden;        
 	}        
 .clearfix {            
 	/* ie 6 7专用*/            
 	*zoom:1;        
 	}

/* 3. 法四：双伪元素 */        
.clearfix:after,         
.clearfix:before{            
	content: "";            
	display: table;        
	}        
.clearfix:after{            
	clear: both;        
}

.clearfix {            
	*zoom:1;
        }

<div class="box clearfix">        
	<div class="damao"></div>        
	<div class="ermao"></div>        
	<!-- <div class="clear"></div> -->
    </div>