                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /形形色色的下拉菜單

為什么設置行高,a標簽上移就出錯了

.top-nav li a { ? ? ? ? ? ? ? ? ? ? ? ?height: 40px; line-height: 40px; text-decoration: none; width: 90px; display: block; text-align: center; background:#ccc; } 為什么設置行高,a標簽上移就出錯了

苦澀的微笑

2015-10-27

源自：形形色色的下拉菜單 4-3

關注問題我要回答

2251

操作

收起

1 回答

Yvonne_D
2015-12-06

你設置了a標簽block，a的部分就會一直顯示出來。鼠標沒懸浮的時候，只顯示中文部分，也就是“首頁”兩個字占40px的高度，居中。當鼠標懸浮，a標簽是block顯示，span也是block顯示，中英文都顯示出來了，兩行就占了40px，原本的中文就會向上移動。如果你直接去掉a標簽里面的display: block;，那高度的設置自然不起作用了，就正常了。