使用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中添加5px左填充，5px右填充和2px边框宽度。 如果找不到哪个CSS效果。 发表评论

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

标签采取这个CSS

Answer 2

试试这个类的以下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;

}