.clearfix应用在包含浮动子元素的父级元素上,这好像不对啊

来源:4-1 清除浮动

糖而飞

2017-01-05 11:39

我们一般都是在浮动元素的后面添加一个清除浮动的元素,或者对浮动元素设置:after伪对象使其后面增加一个伪元素,比如:

<div><p style="float:left"></p></div>

这个清除浮动的元素应该在p元素后面,而不是在外面div元素的后面,我这样说对吧。

可你把.clearfix应用在父级元素div上,就会在div后面产生一个伪元素,这怎么能清除浮动呢

写回答 关注

2回答

  • charsandrew
    2017-03-20 16:50:28

    请看下具体的css代码.clearfix:after{}是表示在.clearfix元素的内容后添加内容,你的疑惑是源于对于:after{}选择器的不理解导致的。

  • sheieferd
    2017-01-05 17:09:13

    请搜索BFC

    BFC可以包含浮动元素,达到清除浮动的效果,不矛盾

CSS深入理解之float浮动

课程将会从感性的认识的角度讲解CSS float属性,浮动的前世今生

75969 学习 · 461 问题

查看课程

相似问题