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清除浮动