CSS:span元素margin-top无效的根源

span默认是行属性，而div默认是块属性。

 

对行内元素（不包括可替换元素如img等）：

    1. 设置宽度width 无效。

    2. 设置高度height无效，可以通过line-height来设置高度。

    3. 设置margin只有左右margin有效，上下无效。（这就是span的margin-top无效的原因）

    4. 设置padding只有左右padding有效，上下则无效。

 

块级元素的width/height/margin/padding都是有效的

 

解决办法：把span强制设为块属性就可以了。