css如何清除浮动详细讲解

1、第一：给父元素添加属性overflow: hidden;

3、第三：通过给父级元素添加伪类after，达到清除浮动的目的；(　这种方式也是使用clear: both;的方式达到效果，只是变相的使用了伪类after，使得页面结构更简洁，也是常用的清理浮动的方式。)

5、第五：父盒子给高度，可以正常显示。（缺点：一般都是元素内容撑开高度，拓展性不好）

6、第六：父级元素 display:inline-block;可以正常显示（缺点：父级盒子margin:auto;失效，会发现上部分和下面黄色中间有间隙）