demo在这，https://jsfiddle.net/nvqbxo90/1/
我把img设置margin-top:2px;样式正常了，但是把下边的元素挤一遍去了，
虽然知道吧img的父类设置overflow: hidden;可以解决，但是不知是出了什么问题？
float 的特性 导致 我所知的最初的float 是为了实现 类是 office word 里边的 文字环绕图片的效果！而你上边的就是 类是原因 至于 overflow：hidden能解决 是因为这属性生成了BFC 闭合了浮动；
至于特性相关：
1 你可以去百度浮动 譬如《那些年我们一起清除过的浮动》 《回归CSS标准之Float》 等等
2 官方文档http://www.w3.org/TR/