a和里面的span都加float

滑动门

加了float:left;后，它们就成块级元素了，能更方便的控制padding了。

你试试在span标签里面多打一个汉字，发现没有，导航背景自动拉长了，就像滑动的门一样。

link状态的设置顺序  L-V-H-A  a:link --a:visited --a:hover --a:active

a:link {color: #FF0000}     /* 未访问的链接 */

a:visited {color: #00FF00}  /* 已访问的链接 */

a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */

a:active {color: #0000FF}   /* 被选择的链接 */