asp.net - 使用CSS降低菜单栏的高度

Question

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

在 visual studio 2010 中，我打开了一个新元素并选择了 ASP.Net Website。因为我必须改变菜单栏的宽度

到

<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 控件中有几个隐藏的 anchor 标记。要修复它，您只需将此样式规则添加到默认工作表(在选项卡菜单下):

.hideSkiplink a
{
    display:none;
}

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