浮动布局

1）固定布局

2）浮动流式布局

3）浮动自适应布局

---

清除浮动

准确来讲，应该是清除浮动带来的影响。

两种方式：

HTML方式： 在父容器底部加上一个块状元素，并且clear: both ;

 CSS方式：  1）给父元素添加clear：fix  2）给父元素添加after伪元素

.clearfix:after{content: '';display: block;height: 0;overflow: hidden;clear: both;}

 3）IE6/7

.clearfix{*zoom:1;}

浮动特征：

     使用浮动之后，元素会变成display：block。

文章部分内容总结自：

张鑫旭 视频——“慕课网——CSS深入理解之浮动float”

论点与版权所有归原作者所有