当前位置:首页 > 正文

css clearfix清除浮动是什么意思

作者:小兔兔发布时间:2023-02-07浏览:454


clearfix的定义:[css] view plain copy print?.clearfix:after {}{ content: "."; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; } .clearfix {}{ *zoom:1;} .clearfix的原理:
1.在IE6, 7下zoom: 1会触发hasLayout,从而使元素闭合内部的浮动。
2.在标准浏览器下,.clearfix:after这个伪类会在应用到.clearfix的元素后面插入一个clear: both的块级元素,从而达到清除浮动的作用。
3.在需要清除浮动的时候,只要写一个.clearfix就行了,然后在需要清浮动的元素中 添加clearfix类名就好了。


声明:部分资源转载自互联网,转载目的在于传递更多知识,并不代表本网赞同其观点和对其真实性负责。如有侵权或者知识有谬误之处,麻烦通知删除,谢谢!联系方式: zzsla2022#163.com