CSS 清除浮动（方法一）

方法一：给收到浮动影响的元素添加overflow：hidden 因为overflow属性会触发BFC

( BFC : block formatting centent 块级格式上下文 - 让元素强制的规则机子那个排列）

<style>

    .box {

        overflow: hidden;

    }

.small {

        width: 100px;

        height: 100px;

        float: left;

        background-color: #000;

    }

 .box1 {

        width: 150px;

        height: 150px;

        float: left;

        background-color: #f00;

    }

 .box2 {

        width: 200px;

        height: 200px;

        background-color: aquamarine;

    }

</style>

<div class="box">

<div class="small"></div>

<div class="box1"></div>

</div>

    <div class="box2"></div>