美文网首页
清除浮动的几种方法

清除浮动的几种方法

作者: 給我小鱼干 | 来源:发表于2018-08-03 12:41 被阅读0次

1.给父级元素添加clearfix名,使用after伪类清除浮动

.clearfix:after{
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }

2.在浮动元素后添加一个元素

<div class="clear"></div>
.clear{
  clear:both;
}

3.给浮动元素父级添加overflow:hidden或者overflow:auto,zoom:1

相关文章

  • 清除浮动的最佳方法

    清除浮动的几种方法,这里不一一列举 个人认为,使用伪类来清除浮动是最好的一种方法 1) display:block...

  • 清除浮动常用的几种解决方法

    关于清除浮动的几种解决方法 一、浮动产生原因 浮动的产生是因为使用了float:left或float:rig...

  • 清除浮动的几种方法

    清除浮动的目的: 解决高度塌陷。 方法 clear: both 1.0 clear: both 2.0 注意只能使...

  • 清除浮动的几种方法

    1.clear:both 2.overflow:hidden(原意是溢出隐藏) 3.给内容加高度

  • 清除浮动的几种方法

    1.给父级元素添加clearfix名,使用after伪类清除浮动 2.在浮动元素后添加一个元素 3.给浮动元素父级...

  • 清除浮动的几种方法

    父元素使用伪元素after(推荐) 给浮动元素后的同级块级元素设置样式 clear: both 缺点:需要添加无用...

  • 清除浮动的几种方法

    面试又被问到了清浮动啊,一下子没答全,了解的也不是很透彻。再来总结一下! 为什么要清除浮动 因为浮动会使当前标签脱...

  • 清除浮动的几种常用方法

    CSS中的浮动简单介绍 浮动是CSS中的一个属性float来实现的,通过设置属性值left、right来实现元素的...

  • 清除浮动的几种方法

    原文地址http://www.cnblogs.com/hx1992/p/3791587.html一、父级容器给死高...

  • 清除浮动的几种常用方法

    父元素自适应宽高度,子元素浮动导致高度塌陷 高度塌陷: 示例图: HTML: CSS: 第一种解决方案: 通过给父...

网友评论

      本文标题:清除浮动的几种方法

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