清除浮动

2018-06-24 00:55:38来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

第一种方式:

//IE浏览器

.clearfloat{
  zoom:1
}

//其他浏览器
.clearfloat ; after{
  display:bloak;
  clear:both;
  content:"";
  visibility: hidden;
  height:0
}

第二种方式:更优雅的

//IE浏览器

.clearfloat{
  zoom:1
}

//其他浏览器
.clearfloat:after,.clearfloat:before{
  content:"";

  display:table
}

.clearfloat:after{

    clear:both

}

 

备注:before是为了解决元素的顶部空白塌陷,上面的元素margin-bottom:10px,下面的 元素margin-top:10px;这俩个元素放在一起,俩者的距离为10px,俩个margin发生了叠加

 

第三种方式:

父类设置: overflow:hidden

第四种方式:(最好不要用)

也给父类设置float

第五种方式:

创建一个空白的<div><div> 

设置class为 clear:both

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:canvas动态小球重叠效果

下一篇:canvas探照灯效果