清浮动

作者: 亚萍 | 来源:发表于2016-12-27 23:19 被阅读8次

    1、父元素设置overflow:hidden;或者overflow:auto; 

    缺点:子元素有超出部分会自动隐藏

    2、在父元素中最后一个子元素后面插入一个div借点,给一个clear:both; 的样式,清楚上面的浮动

    3、写一个清浮动样式 ,使用的时候只需要插入即可;

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

    .clearfix{ *zoom:1; }  //兼容ie6,7

    另一种写法:

    .clear:before,.clearfix:after{ content:' '; display:table; } .clearfix:after{ clear:both; }

    4、父元素限制高度,也是一种处理办法

    相关文章

      网友评论

          本文标题:清浮动

          本文链接:https://www.haomeiwen.com/subject/ofntvttx.html