使用css降低菜单栏的高度

我是新来的CSS，所以你可以请建议如何减少菜单栏的高度。使用css降低菜单栏的高度

在visual studio 2010中，我打开了一个新项目并选择了ASP.Net网站。中，我要的菜单栏的宽度从

enter image description here

更改为

enter image description here

<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浏览器执行的空间增大

来源

2012-08-03 Krishna Thota

你想减少什么，宽度或高度？ – freebird 2012-08-03 10:02:33

发布您的标记代码。 – freebird 2012-08-03 10:03:32

设计师的观点与实际的浏览器输出很少匹配。所以不要通过看设计师来决定。请提供标记并尝试使用火虫来了解更多关于UI问题的信息。 – Narendra 2012-08-03 10:07:45

我花了时间让VS我的电脑上的Web开发者免费版本。：\我记得之前有这个问题，我知道我也想到如何解决它之前。基本上它与一个与布局冲突的默认样式有关。 asp:Menu控件中有几个隐藏的定位标签。为了解决这个问题，你可以简单地添加（标签下的菜单）这个样式规则的默认表：

.hideSkiplink a 
{ 
    display:none; 
}

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

来源

2012-08-03 20:22:34

非常感谢。它像魅力一样工作 – 2012-08-04 01:31:59

@KrishnaThota不客气。：）很高兴我能帮上忙。 – 2012-08-04 02:59:16

使用css降低菜单栏的高度

回答

相关问题