场景1:当子元素为float的时候，父元素如果不做任何设置，则无法包含内部的3个子元素.此时parent高度是0，看上去像一条线
parent
float
float
float
场景2:采用overflow:auto来处理，对absolute定位的角标，效果不理想。包括带阴影的div,也会有滚动条
parent,overflow: auto
float .box-shadow
float .box-shadow
float .box-shadow
场景3:采用clear-fix技术来处理，效果比较好。
注意:clear-fix会占用parent的before,after伪元素，这是唯一的弊端
parent,clear-fix
float .box-shadow
float .box-shadow
float .box-shadow