clearfix 详解
日期：2015.12.4
参考网站：
http://haoduoshipin.com/v/166
参考网站：
http://www.bianguaishou.com/#float-clear
float 问题
问题1
float后父级盒子高度缺失
margin collapse问题
第二种问题，margin-top溢出，大盒子(无margin-top)会继承子元素的margin-top
第三种问题父与子margin-top同时出现，只体现数值大的，此处体现了第二、三问题，未修正
问题四，上盒子有margin-bottom，下盒子有margin-top，只体现数值大的，消除方法，只设置一个