浮动可能导致外层盒子塌陷
父元素固定宽高
优点：简单，代码量少，没有兼容问题
缺点：内部元素高度不确定的情况下无法使用
添加新元素
添加一个空元素，利用clear:both
优点：简单，代码量少，没有兼容问题
缺点：需要添加无语义的html元素，代码不够优雅，不便于后期维护
使用伪元素
.box::afetr { content: ''; dispaly: block; height: 0; clear: both }
优点：仅用css实现，不容易出现怪问题
缺点：仅支持IE8以上和非IE浏览器
触发父元素BFC
优点：仅用css实现，代码少，浏览器支持好
缺点：用overflow:hidden触发BFC的情况下，可能会使内部本应正常显示的元素被裁截
