使用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降低菜單欄的高度

回答

相關問題