HTML – 哪种clearfix方法？

发布时间：2020-12-14 21:15:52 所属栏目：资源来源：网络整理

导读：/ *清除修复* / .clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}* html .clearfix {height:1%;} 要么 .clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}* html .clearfix,*:firs

/ *清除修复* /

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

要么

.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix,*:first-child+html .clearfix {zoom:1;}

哪种方法效果最好？
我现在使用第一个,从来没有问题..
谢谢.

解决方法

最简洁的技术是设置溢出：隐藏现代浏览器：

overflow:hidden;
zoom:1;

如果元素需要流出尺寸(负边距或定位),则clearfix：

#el:after { content:""; clear:both; display:block; visibility:hidden; }

对于IE6及更低版本,您需要触发hasLayout(通过宽度,缩放：1,高度和其他属性/值组合).从IE7开始,溢出将清除浮动.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!