【css】清除浮动

需求：商品列表的布局，往往是通过浮动进行排列在一行进行显示的，但是这个时候我们不能指定具体的高，又因为浮动之后，是不保留原先位置的，所以导致后面的块级元素会出现叠加情况，我们想实现有多少商品，则商品的div自动扩大。

解决方案：

 

1、额外标签法：

2、after伪元素法：

3、双伪元素清除浮动

 4、父级添加overflow