?????????display? block??????

    ??HTML?????

<div class="outer">
    <div class="div1">1</div>
    <div class="div2">2</div>
    <div class="div3">3</div>
</div>

     ??CSS?????

.outer{border: 1px solid #ccc;background: #fc9;color: #fff; margin: 50px auto;padding: 50px;}
.div1{width: 80px;height: 80px;background: red;float: left;}
.div2{width: 80px;height: 80px;background: blue;float: left;}
.div3{width: 80px;height: 80px;background: sienna;float: left;}

    ??????????DIV.outer ??????????????????????????????????????????????????????????????

    ?1???????? ?2???????? ?3??margin ?????????

    ????css???

            ?????????? ??? clear?both?

HTML?

<div class="outer">
    <div class="div1">1</div>
    <div class="div2">2</div>
    <div class="div3">3</div>
    <div class="clear"></div>
</div>

CSS?

.clear{clear:both; height: 0; line-height: 0; font-size: 0}

result? ???? padding??????

    ??????div?? overflow: auto???????div??????  div.outer?

HTML?

<div class="outer over-flow"> //???????class
    <div class="div1">1</div>
    <div class="div2">2</div>
    <div class="div3">3</div>
    <!--<div class="clear"></div>-->
</div>

CSS?

.over-flow{
    overflow: auto; zoom: 1; //zoom: 1; ?????????
}

??????????  img{display: none}; ??

    ?????overflow???????????????overflow??????????hidden,auto,visible???????hiddent?auto??????????????visible???????????????????????????????????????seo???????hidden?seo????????????????????????

    ???? ??????????  :after ??????????????????

    ??????????????????????????????????:after?:before??????????????????????????????????clear:both?????????:clear?html????div.clear????outer?????clear:after????????????div.clear??????????????????

.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/
.outer :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}   /*==for FF/chrome/opera/IE8==*/

    ??clear:both;????????content: '.'; display:block;??FF/chrome/opera/IE8???????content????????????visibility:hidden;????????????????????????????????

????????????????? 

        ????????????????????????????????clear:both;????????????????????????????

    $('.float').end().????????????????????????????????????????????????????????????????????????????????????????????again??????????????????????????????????????????????????????????????????????????????