span默认是行属性,而div默认是块属性。
对行内元素(不包括可替换元素如img等):
1. 设置宽度width 无效。
2. 设置高度height无效,可以通过line-height来设置高度。
3. 设置margin只有左右margin有效,上下无效。(这就是span的margin-top无效的原因)
4. 设置padding只有左右padding有效,上下则无效。
块级元素的width/height/margin/padding都是有效的
解决办法:把span强制设为块属性就可以了。