css总结10：父标签没有定义高度，盒子异常移动

1 问题：在父标签没有定义高度的情况下，嵌套的盒子浮动后，父标签下面的元素发生位置错误。

2 解决方法：

2.1（大厂网页常用方法） 添加额外元素：

 即：父标签下添加一个元素（.clearfix），去清除浮动

  .clearfix:after{      content: "";      display: block;      height: 0rem;      line-height: 0;      visibility: hidden;      clear: both;  }

2.2 给父级father元素使用属性 {overflow：hidden；}

2.3 给最后一个嵌套的浮动元素添加标签。<div style="clear: both;"></div>

clear:both  /left /right清除浮动