CSS.浮动属性（clear）1、属性值（clear清除，可以理解为不许）（1）允许浮动对象：clear:none;

1、属性值（clear清除，可以理解为不许）

（1）允许浮动对象：clear:none;

（2）不许右边对象：clear:right;

（3）不许左边对象：clear:left;

（5）不许浮动对象：clear:both;

2、作用

解决高度塌陷问题，

高度塌陷，是因为float使元素高度变为0导致的，即浮动的元素遮盖了下面未浮动的元素

3、高度塌陷的解决方法

（1）开始直接固定高度，使float无法将高度变为0

（2）对塌陷的元素使用clear，因为float:left;塌了就用clear:left;哪里摔倒就从哪里站起来

（3）对罪魁祸首使用clear（方法和上面差不多），前提是使用float的元素是和未使用的元素分隔开的

<body>
    <div class="container">
        <div class="box1"></div>
        <div class="box2"></div>
         < div style= "clear:left;"  ></ div > 
    </div>
    <div class="box"></div>
</body>

（4）类似于（3）的方法，但是使用overflow:hidden;（通过引发bfc，让浮动元素计算高度）

.container{
    overflow:hidden;
}