浮动布局
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”
论点与版权所有归原作者所有