清浮动

作者: 亚萍 | 来源:发表于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、父元素限制高度,也是一种处理办法

相关文章

  • 清浮动

    1、父元素设置overflow:hidden;或者overflow:auto; 缺点:子元素有超出部分会自动隐藏 ...

  • 清浮动

    1.给父级也加浮动(页面中所有的元素都加浮动,margin左右会自动失效) 2.给父级加display:inlin...

  • 清浮动时的细节问题

    我们都知道设置浮动之后,要清浮动.但具体怎么清浮动呢. 我们在项目中最常用的清浮动的方法是给父级添加伪类.现在我们...

  • HTML清浮动

    在项目实现中,经常会用到float属性,但float会导致元素不再属于HTML文档流,盒子的高度也不在从元素中计算...

  • 清浮动(overflow)

    A+B A:display: block; float: left; B: overflow: auto; 1.很...

  • CSS清浮动

    关键词:清浮动 原因浮动是因为使用float:left或float:right,使元素脱离了文档流而产生的浮动。 ...

  • css清浮动

    一、浮动产生原因 一般浮动是什么情况呢?一般是一个盒子里使用了CSS float[http://www.divcs...

  • 导航条;清除浮动;开班信息

    清除浮动 属性:clear:清除对自己有影响的浮动 可选值 clear:both ----取最大 清除浮动大的(清...

  • 7、浮动样式与BFC常见方法

    display:inline-block; // 内联块 float:浮动 BFC:就是清浮动,用来处理元素脱离...

  • 1-浮动

    css清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响? http://blog.csdn.net...

网友评论

      本文标题:清浮动

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