jquery - 使用 jQuery 指定 LI 的宽度时的幻像高度

Question

在这样一个简单的ul结构li上：

<div id="middle">
    <ul>
        <li>
            <a>
                bridal
            </a>                    
        </li>
        //....
    </ul>
</div>

ul显示为表格和li表格单元格。在将它们加载到 DOM 之后，我正在使用 jquery 来修复 li 的宽度。这是为了在更改字体系列时稳定宽度。

但是，在 chrome 中，我得到了一个幻像高度，其宽度a比 jQuery 计算的多 10px+。

帮我解决这些问题：http: //jsfiddle.net/qK8Yr/

注意：如果我删除设置宽度的代码，幻影高度就会消失。

Answer 1

为这个类尝试以下 CSS

http://jsfiddle.net/qK8Yr/3/

nav#mainNavigation a
{
cursor: pointer;
font-family: 'Verdana';
font-size: 11px;
font-weight: bold;
display: block;
padding: 3px 0px !important;

}

Answer 2

它从你的 CSS 中添加了 5px 的左填充、5px 的右填充和 2px 的边框宽度。如果你找不到哪个css效果。回复评论

    nav#mainNavigation > div > ul > li > .relContainer > a {
padding: 7px 5px;
}

标签采用这个 css