html5 - 关于<span>标签的margin问题。

Question

众所周知，默认情况下，span标签只能设置margin-left、margin-right这两个外边距，设置margin-top、margin-bottom是无效的，然而当你给span设置浮动后，上下外边距就生效了，这是怎么回事呢？
哪位大神解释下。。。

Answer 1

浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。
首先元素浮动后，产生的特性

1、块元素在一排显示
2、内联元素支持宽高
3、不设置宽度，内容撑开宽度
4、脱离文档流
5、提升层级半层