解决clearfix省去一个div的做法

<style type="text/css">
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac */
* html .clearfix{height:1%;}*+html .clearfix{height:1% !important;}
/* End hide from IE-mac */

</style>
<div style="border:2px solid red;" class="clearfix">
    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
    <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
   <div  style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div>
</div>