问答详情
源自：7-7 CSS3选择器 ::before和::after

这段代码是怎么清除浮动的 看不懂

.clearfix::before,
.clearfix::after {
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

提问者：披萨书立外卖 2017-12-05 19:25

个回答

  • 麓鹿不迷路
    2018-06-09 10:01:14

    其实要想清楚.clearfix的浮动，就写下面的代码就足够了

    .clearfix::after {
       content: "";  //可以是空串，但不能不写
       display: block; //只有作为块级元素才能清除浮动

       clear:both; //清除左浮动和右浮动，只清除左浮动就写clear:left，右同理
    }

    0
  • qq_斷了D弦_03426429
    2017-12-14 15:56:50

     display: block;

    0