小白学习之清除浮动

  应用场景：父级没有规定高度，子级浮动无法撑开父级高度，再书写一个标准流，会导致布局错乱

    清除浮动:

法1额外标签法：在父级元素的最后添加一个块级标签并css属性 clear:both(依据经验类选择器命名为clearfix)

法2单伪元素法：在父级元素的最后添加一个块级标签

.clearfix::after {   在clearfix后面添加伪元素

  content:””        必须设置content  ！来设置伪元素，内容可为空

  display:block     伪元素显示模式为行内，但是 转换为块级

  clear:both；

}

法3：双伪元素

.clearfix::before

.clearfix::after{ 同于解决外边界塌陷问题

   content:””

   display:table ;将显示模式设为表格

}

.clearfix::after{

   clear:both

法4 overflow 在父级元素添加css属性overflow：hidden