伪元素清除浮动
在日常开发工作中,慎用“overflow:hidden;”清除浮动,对于父级元素内的绝对定位或者相对定位可能会起到遮挡作用。
单伪元素标签法:
.clearfix:after{
content:"";
height:0;
line-height:0;
display:block;
visibility:hidden;
clear:both;
}
.clearfix:after{
*zoom:1; /*针对IE6/IE7*/
}
双伪元素标签法:
.clearfix :before,.clearfix:after{
content: “”;
display: table;
}
.clearfix:after{
clear:both;
}
.clearfix {
zoom: 1;/兼容IE/
}
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!