overflow:hidden有两个作用，分别说明：

1、隐藏溢出

当我们没有给父级元素div设置高度的时候，子级元素div的高度就会撑开父级元素div；而当我们给父级元素div加上一个高度值，那么无论子级元素div的高度是多少，最终显示的高度都是父级元素设定的值。子级元素div超出的部分就会被隐藏。这就是隐藏溢出的含义!

2、清除浮动

当子级元素div加上浮动这个属性的时候，在显示器的侧面，它已经脱离了父级元素div，也就是说变成了一个立体的模型（实际是脱离了文档流，不占用文档流的空间）。此时的子级元素的宽高是多少， 对于父级元素来说都不起作用。这时候我们给父级元素这个div加上overflow:hidden这个属性的时候，其中的子级元素的浮动属性就会被清除，重新在文档流中开辟一块地方，给子级元素显示。