html5 - 关于标签的margin问题。

Question

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

PHP中文网 · Answer

浮動的定義：使元素脫離文檔流，按照指定方向發生移動，遇到父級邊界或相鄰的浮動元素停了下來。
先元素浮動後，產生的特性

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

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