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强制设为块属性就可以了。

相关推荐