css使用伪元素和双伪元素清除浮动的方法

  1. 伪元素清除:
/*用于清除浮动的伪元素样式*/
.clearfix:after{
        content: ""; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
}
.clearfix {
*zoom : 1;
}
  1. 使用双伪元素清除浮动:
/*声明清除浮动的样式*/
.clearfix:before ,.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
   *zoom: 1;  /*ie6,7 专门清除浮动的样式*/
}
发布了53 篇原创文章 · 获赞 1 · 访问量 900

猜你喜欢

转载自blog.csdn.net/h_el_lo/article/details/105364038