FIRST OF ALL，最容易令人忽略而导致头疼的因素。web页面文档类型：
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
众所周知，SPAN元素内单纯设置height是没有效果的。
需要设置SPAN的高度，需要将其设置成block元素。
display:block
但这样会导致span占据了整一行，我们通常不希望这样。
所以可以采用display:inline-block 。
注意：display:inline是没有效果的，一定要设成block元素。
http://www.cnblogs.com/aszx0413/articles/1888798.html