使用css降低菜单栏的高度

Question

我是css的新手，所以请你建议如何降低菜单栏的高度。

在visual studio 2010中，我开了一个新项目并选择了ASP.Net网站。 因为我必须改变菜单栏的宽度

到

<div class="clear hideSkiplink">
            <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                </Items>
            </asp:Menu>
        </div>

这是css CSS  ＆安培;这是页面来源Pagesource 它在设计师中正确显示但是当我运行项目时宽度增加!!!

当我在firefox中打开时，它会正确打开，如果我使用chrome，则空间会增加

Answer 1

花了我几个小时在我的电脑上获得VS Web Developer免费版。 ：\我以前记得遇到过这个问题，我知道我之前也想过要解决这个问题。基本上它与其中一个与布局冲突的默认样式有关。 asp:Menu控件中有几个隐藏的锚标记。要解决此问题，您只需将此样式规则添加到默认工作表（在“菜单”菜单下）：

.hideSkiplink a
{
    display:none;
}

我不知道这些链接的用途是什么，但如果您当时没有使用，则此样式规则将更正此问题。