块元素就是会占一行的元素，行内元素是跟据内容的多少来占位置的，而浮动元素是也是跟据内容的多少来占位置的，但是浮动之后就会变成块元素了，并且会从正常的文档流中删除它的位置；
块元素可以设置margin的上、右、下、左间距，行内容只有margin的左和右会生效，浮动元素的margin跟块元素一样
当一个元素的 float 属性的值不为 none 时（即值为 left 或者 right ），这个元素将脱离“标准流”，变成“浮动流”。
“浮动流”的元素会覆盖在“标准流”元素的上方。
而当一个的 display 属性的值为 inline-block 时，这个元素就会开启一个 BFC （块级格式化上下文）
BFC 元素不会被 浮动元素 覆盖，所以会自动的往后靠
建议楼主了解一下“标准流”或者说是“文档流”、“浮动流”、“定位流”
还有就是了解一下 BFC
了解一下上面两个很多东西都能理解了
