asp.net - 使用 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;
}

我不知道这些链接是用来做什么的，但如果你当时没有使用，这个样式规则会纠正这个问题。