                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

clearfix的原理是什么?

如题，求解。

笨小孩爱笨小女孩

2016-09-09

源自：初识HTML(5)+CSS(3)-升级版 13-4

关注问题我要回答

670

操作

收起

1 回答

慕莱坞9220042 回答被采纳 +3 积分
2016-09-09

clearfix的原理：通过给父元素加clearfix，设置css后使其在该元素后面添加空内容content：”.”;再通过设置clear:both;清除浮动，然后设置height:0;让内容占据空间不显示出来visibility: hidden;因为添加的 content内容是inline元素，需要转化display:block;又因为ie6 ie7不支持:after伪元素，所以用.clearfix{*zoom:1;}让

ie6 ie7的元素可以清除浮动来包裹内部元素。