问答详情
源自:13-4 起飞咯 - 浮动模型

clearfix的原理是什么?

如题,求解。

提问者:笨小孩爱笨小女孩 2016-09-09 19:01

个回答

  • 慕莱坞9220042
    2016-09-09 19:02:01
    已采纳

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

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