指定使用jQuery的一个LI的宽度时幻象高度(Phantom height when specif

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

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

ul被显示为表和li的表格单元。 我使用jQuery来解决黎的宽度，它们在DOM加载之后。 这是当字体家族变更为稳定的宽度。

但是，在铬我得到一个幻象高度的宽度a是10px的+超过了jQuery计算。

帮我解决这些问题： 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:

它增加了5px的左填充，5px的右侧填充，并从你的CSS边框宽度的2px的。 如果你不能找到该CSS效果。 评论回

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

标签借此CSS

文章来源: Phantom height when specifying the width of a LI using jQuery