哪种清除法?[英] Which clearfix method?

本文是小编为大家收集整理的关于哪种清除法?的处理方法,想解了哪种清除法?的问题怎么解决?哪种清除法?问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

/*清除修复 */

.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及以下,您需要触发Hoslayout(通过宽度,缩放:1,高度和其他属性/值组合).从IE7开始,溢出将清除浮子.

其他推荐答案

后者似乎还不错,因为它也考虑IE6(zoom:1;).

其他推荐答案

这一直对我有用.与您的非常相似

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

本文地址:https://www.itbaoku.cn/post/566610.html