关于取消浮动影响的多种方法及优缺点比较

方法一：给父盒子加高度

原理：如果父级元素没有定义高度，父元素的高度完全由子元素撑开时，父级盒子手动定义高度，就解决了父级盒子无法自动获取到高度的问题。
优点：简单、代码少、容易掌握。
缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题。在真正的页面开发中，这种方法不常用。

方法二：将overflow:hidden样式给浮动元素的父盒子

原理：overflow:hidden 的意思是将元素的溢出部分隐藏掉。所以如果在没有明确设定盒子高情况下，它的高度由内容撑起来，当给盒子设置了高度的情况下，溢出此高度的部分则会被隐藏掉。顺带达成了清理浮动的目标

优点：简单、代码少。

缺点：无法显示需要溢出的元素

方法三：给父级盒子加浮动

优点：

能够清除浮动影响，还能让父盒子有高度。

缺点：

会产生新的浮动影响问题，不推荐使用。