本物へのWebフロントエンドエントリ：浮動をクリアする方法の概要

明確なの最後に空のdivタグを追加する方法：両方

ページへの影響を浮動クリアするには、両方：そして、浮動ボックスの下にラベルを入れて、このタブで明らか使います。

注：floatをクリアするために、通常の状況下での方法のこの種を使用しないでください。このため、透明フロート道の構造を混乱させ、あなたのタグを向上させます。

<div class="box">
    <div class="red">1</div>
    <div class="sienna">2</div>
    <div class="blue">3</div>
    <div class="clear"></div>
</div>
web前端开发学习Q-q-u-n： 767273102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

親のdivオーバーフローで定義された第二の方法：オート

原則：注意することは、フローティングものを削除するにはoverflowプロパティを使用するには、オーバーフローが3つのプロパティの合計属性：隠された、自動車、目に見えます。私たちは、フロートをクリアするためにhiddentと自動値を使用しますが、目に見える価値を使用しないように覚えています

<div class="box over-flow">
    <div class="red">1</div>
    <div class="sienna">2</div>
    <div class="blue">3</div>
</div>
web前端开发学习Q-q-u-n： 767273102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

（注、後：フローティング要素の父親の役割）擬似フローティング要素を削除するための3つの方法

（注：このメソッドは、主に推奨されます）

.clearfix:after{
    content:"";/*设置内容为空*/
    clear:both;/*清除浮动*/
     display:block;/*将文本转为块级元素*/
    height:0;/*高度为0*/
    visibility:hidden;/*将元素隐藏*/
}
.clearfix{
    zoom:1;/*为了兼容IE*/
}
web前端开发学习Q-q-u-n： 767273102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

最後~~~