高度不适用于'A'标签

Question

我正在制作导航栏,我希望其中的所有链接都是30px高.当我设置这个 - height:20px;(20像素,因为周围有5px填充) - 高度保持正常.我的完整代码是:

#header a {
    height:20px;
    background-color:#666666;
    color:white;
    text-decoration:none;
    border:none;
    padding:5px;
}

#header a:hover {
    background-color:#CCCCCC;
    color:black;
}

JSFiddle:http://jsfiddle.net/Lcupj/

Answer 1

该height属性不适用于默认情况下元素display: inline和<a>元素display: inline.

为display属性设置不同的值(例如inline-block)或使用line-height.