.top-nav 设置了overflow：auto；不管导航条放在哪里，hover的时候汉字都不会出现的

line-height: 20px;我认为是这句话起到了作用，我们设置了固定高度，margin:-20px以后中文超出了这个高度就不能显示了

.top-nav li a
        {
            /*margin-top:20px;*/
            line-height: 20px;
            text-decoration: none;
            background: #DDDDDD;
            color: #666666;
            display: block;
            width: 80px;
            text-align: center;
        }

是因为设置margin-top：-20后，超出了浏览器的可视区域。上边代码默认margin-top是0，相当于把它挤出去了。上边代码去掉注释后，汉字就显示了。所以觉得这种方法不好啊。。

我也想问

是不是你没设置hover状态？

        /*设置正常状态英文菜单隐藏*/

        .top-nav  li a span{display:none;}

        /*鼠标移动到链接上面时将英文菜单显示*/.top-nav  li a:hover span{display:block;

        color:White

        ;}

        /*鼠标移动到链接上面时将中文菜单位置上移*/

        .top-nav  li a:hover{margin-top:-20px;}